用正确的标签做正确的事情。html语义化让页面的内容结构化，结构更清晰。便于开发者阅读和写出更优雅的代码,使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。同时让浏览器的爬虫和机器更好的理解和分析,利于SEO。
目标
语义化标签有什么用？
有哪些结构语义标签？
什么是HTML语义化
就是用正确的标签做正确的事。如h1标签，把适当的标签用在合适的地方，使页面结构更加的清晰。
标题标签 h1~h6
加重标签 strong
高亮标签 mark
引用标签 blockquoto
html语义化有什么作用
1. 使用html语义化，能使页面结构更清晰，便于解析。
2. 有利于SEO。搜索引擎爬虫依赖于html标签来确定上下文和关键字权重。
3. 使用html语义化，在没有css样式的时候页面也能正确清晰的呈现
4. 有利于各种设备的解析，如盲人阅读器，屏幕阅读器，以特殊的方式来渲染网页
5. 有利于团队合作开发与维护，语义化更具有可读性。
头部--header元素
<header>元素描述了文档的头部区域，通常是一个网站的头部
在页面中你可以使用多个<header> 元素，常用在嵌套结构里
尾部--footer元素
<footer>元素描述了文档的底部区域，通常是一个网站的底部
一个页脚通常包含文档的作者，著作权信息，链接的使用条款，联系信息等
导航链接--nav元素
<nav> 标签定义导航链接的部分。
整体--article元素
<article> 标签定义独立的内容，通常是指一个独立的整体，例如文章的内容作为一个整体，右边的侧边栏作为一个整体。
章节--section元素
<section> 标签定义文档中的节、区段，整体中的某个模块。
根据W3C HTML5文档: section 包含了一组内容及其标题。
副区域--aside元素
<aside> 标签定义页面主区域内容之外的内容（比如侧边栏）
独立的流内容--figure元素
<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。
<figure> 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。
<figcaption> 标签定义 <figure> 元素的标题，应该被置于 "figure" 元素的第一个或最后一个子元素的位置。