语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是用 正确的标签做正确的事情。
语义化的优点如下：
对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于SEO。除 此之外，语义类还支持读屏软件，根据文章可以自动生成目录；
对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构， 便于团队的开发与维护。
常见的语义化标签：
- <header>header> 头部
- <nav>nav> 导航栏
- <section>section> 区块（有语义化的div）
- <main>main> 主要区域
- <article>article> 主要内容
- <aside>aside> 侧边栏
- <footer>footer> 底部
HTML即：超文本标记语言，标准通用标记语言的一个应用，“超文本”就是指页面内可以包含图 片、链接、甚至音乐、程序等非文字元素。
HTML Document即：HTML Document对象，每个载入浏览器的HTML文档都会成为Document 对象
由于Document对象是window对象的一部分，所以可通过window.document属性对其进行访 问。
告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文 档以混杂模式呈现。
严格模式：是以浏览器支持的最高标准运行
混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为
head标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器 在哪里找到样式表、提供元信息等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的 关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：