什么是语义化
标签从一定程度上描述文档的外观和语义
语义化的优点
- 可访问性 (易被扫描)
有利于不同设备的解析(屏幕阅读器)，机器不能解析class属性，div没有传递有关于文档结构的任何有用信息 - 可读(易阅读)
如果div使用太多，代码深入几个层次，只能依赖IDE的着色不同的缩进级别来判断开始标记和技术标记。 - 一致性和标准
如果有统一的web文档常见的结构，可以避免在开始新项目时学习新的标记的学习成本。
常见语义标签
<h1>~<h6>标题<p>段落标记，会自动换行<ul>、<ol>、<li>，<ul>无序列表<dl>、<dt>、<dd>，<dl>定义列表<em>、<strong>强调<table>、<thead>、<tbody>、<td>、<th>、<caption>做表格
html5新增
-
header元素：页眉。 -
footer元素：页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。 -
nav元素：nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。 -
aside元素：aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。（特殊的section） -
article元素：article代表一个在文档，页面或者网站中自成一体的内容，其目的是为了让开发者独立开发或重用。article会有一个标题（通常会在header里），会有一个footer页脚。
示例分析
li标签
span标签
nav标签
