前端语言2 | 青训营笔记

五、HTML编辑器

• 纯文本编辑器：所有的纯文本编辑器都能编辑HTML文件，例如记事本、Editplus、notepad等。
• 专门制作网页的软件

1. VS code编辑器（推荐使用）

• VS code软件，是微软公司研发的一款非常方便使用的编辑器（重点是免费）。
• VS code拥有超级丰富的插件扩展，可以根据自己的需求使用不同的插件，对于开发者来说更加友好。
• VS code插件安装

1.打开VS code后，使用ctrl+shift+X打开扩展

2.输入要安装的插件名称，点击Install安装

• VS code常用快捷键

六、HTML基本结构

（一）基本骨架

• HTML文件最基本的四个标签，组成了网页的基本骨架，包括：、、<title、四组标签。

• HTML基本结构标签总结

（二）DTD

• 完整的HTML文件的第一行内容叫做文档定义类型，英文DocType Definition，简称DTD。也称作文档声明类型，DocType Declaration。
• 作用：告知浏览器该网页使用的是哪个版本的HTML规范，让浏览器按照对应版本的HTML语法进行解析页面。
• HTML5版本的DTD：

1. 声明位于文档中的最前面的位置，处于标签之前
2. 不是一个HTML标签，它就是文档类型声明标签

（三）命名空间

• 元素表示整个网页文档，在开始标签上设置了命名空间xmlns属性。

• 元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准，避免出现标签名冲突，这个标准使用的就是一个固定的网址[http://www.w3.org/1999/xhtml](https://link.zhihu.com/?target=http%3A//www.w3.org/1999/xhtml)中的规范。
• lang语言种类

• HTML5版本的命名空间：

（四）字符集

• 标签内部的标签通过http-equiv属性定义了当前的网页所使用的字符编码。

1. char：character，字符。
2. set：集合。

• HTML5版本的字符集：
• 常用字符集编码：

字符集使用情况建议：

1. 如果没有网页加载速度要求，或者制作的是外文网站，使用UTF-8。
2. 如果含有大量中文汉字的网站，而且要求网页加载速度快，使用GBK。

• 注意：meta标签声明的字库，必须和编辑器软件默认编译字库相同，否则会出现两个字库不匹配，浏览器加载时出现乱码。