2.HTML标签简介

目录

1 基本语法

2  标签关系

2.1  包含关系

2.2  并列关系

3  基本结构标签

4  编写html的工具

5   标签

6  lang 语言

7  meta标签

7.1  charset 字符集

7.2  使用IE浏览器最高版本内核

7.3  视口

---

1 基本语法

所有的标签都写在尖括号中，且大部分标签都是成对出现的，成对出现的标签我们叫做双标签，就像是这样

当然还有head,title,body这种，我们讲不带斜杠的标签叫做开始标签，带斜杠的叫做结束标签

也有单个出现的标签，我们叫做单标签，比如换行标签 br

2  标签关系

标签的关系有两种，一种是包含关系，另一种的并列关系

2.1  包含关系

像上面的head和title就是包含关系，head包含title

2.2  并列关系

像上面的head和body就是并列关系，彼此谁也不包含谁

3  基本结构标签

在这一部分中，除了meta标签与br标签，剩下的都是基本结构标签

4  编写html的工具

视频里用的是vscode创建html，我习惯用pycharm，vscode创建骨架文件比pycharm多了两个meta标签

• 这两行是关于移动端html的，我们在后面会提到

5  <!DOCTYPE> 标签

这个是文档类型的声明标签

作用是告诉浏览器html的版本，如果按照我上面那样写的意思是使用html5

<!DOCTYPE> 标签必须写在整个文件的第一行

6  lang 语言

这个是当前文档显示的语言，en为英语，zh-CN为中文，有的浏览器中的某个插件会识别这个，比如谷歌浏览器有个翻译，它看到网页的语言和你常用语言不一样就会提示你是否需要翻译

使用en也可以在下面写中文，使用zh-CN也可以在下面写英文，这个不影响

7  meta标签

meta标签一般是由解释器生成骨架的时候自动产生的，meta标签是html文件的元信息，我们在这简单说一下

7.1  charset 字符集

我们使用的字符集是 UTF-8

除了UTF-8还有GB2312,BIG5,GBK这些，一般我们就使用UTF-8，我们不动就行了

7.2  使用IE浏览器最高版本内核

如果用vscode生成骨架会加上这一句，这一句是照顾不同IE浏览器的兼容性的

7.3  视口

视口主要应用与移动端，在 34. 视口 viewport_Suyuoa的博客-CSDN博客_viewport视口 会有详细的介绍