什么是语义化
根据结构，在合适的地方使用合适的标签。
为什么要语义化
- 方便理解和维护，增加代码的可读性。
- 有利于seo。比如说使用h1标签，会被浏览器被认为是最重要的标题。
- 增强用户体验，即使没有css裸奔时，也能理解网页的内容；而适当使用title和alt等，比如说当一个地址太长不能完全显示的时候，可以只显示一部分，完整内容用title显示，即兼顾页面美观也不影响用户体验。
- 方便其他设备理解，如盲人阅读器。
语义化原则
- 尽量少使用无语义的标签，如div。
常用语义化标签
（1）header 标签定义文档的页面组合，通常是一些引导和导航信息。
（2）nav 标签定义显示导航链接。
（3）article标签装载显示一个独立的文章内容，可以是一篇文章或是一句评论。
（4）section 标签定义文档中的节（section、区段、某一段落，）。比如章节、页眉、页脚或文档中的其他部分。
（5）aside 用来装载非正文类的内容。例如广告，成组的链接，侧边栏等等。
（6）footer 标签定义 section 或 document 的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
2. main 包含主要信息，一个html中只能有一个。3. mark 标签定义带有记号的文本，需要突出内容时使用。
4. abbr 缩写解释词 The PRC was founded in 1949.
5. 使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；。
6. blockquoto 引述文本，默认新的一行显示。
7. progress 完成进度。可通过js动态更新value。
8. q 表示引用
庄生晓梦迷蝴蝶，望帝春心托杜鹃
待续...
