HTML标签概述

HTML是前端基础中的基础

Emmet插件：VSCODE中自动生成HTML代码片段(文本内容)的插件

注释

注释为代码的阅读者提供帮助，注释不参与运行

在HTML中，注释使用以下格式书写:

html

<!-- 注释内容 -->

按住键盘ctrl + 斜杆可快速添加/删除注释

其他叫法：标签、标记

html

  <a href='planet.keshaoyeserver.f3322.net'>KESHAOYE的知识星球</a>

元素（element） = 起始标记（begin tag） + 结束标记（end tag） + 元素内容 + 元素属性

元素属性 = 属性名 + 属性值

元素属性的分类：
特有属性：某些元素特有的属性
全局属性：所有元素通用

html

<meta charset='UTF-8'>

有些元素没有结束标记叫 空元素

元素不能相互嵌套

父元素、子元素、祖先元素、后代元素、兄弟元素（拥有同一个父元素的两个元素）

HTML：页面、HTML文档

html

<!-- HTML5文档声明 -->
<!DOCTYPE html>

文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5

不写文档声明，会进入怪异渲染模式

html

<html lang='cms-hans'>
</html>

根元素，一个页面最多只能有一个，并且该元素是所有其他元素的父元素或祖先元素

HTML5版本没有强制要求书写该元素

lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写的。

用于触发浏览器的翻译、语音朗读等功能

html

<head>
</head>

文档头，文档头内部的内容不会显示到页面中。

html

<meta>

文档的元数据：附加信息

charset：指定网页内容编码

html

<title>KESHAOYE知识星球</title>

网页标题

html

<body>
</body>

文档体，页面上所有要显示的元素，都应该放置到文档体中