HTML5语义化标签

语义化标签是 HTML5 中新增的标签。这些标签跟普通的 HTML 标签用法同样，不一样的在于它们的名字对应它们的结构有着相对应的含义。
 语义化标签的做用
 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好地解
 析。方便其余设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页。
语义化标签的使用
1. 头部标签
<header> 元素表明 “ 网页 ” 或 “section” 的页眉（头部）。
<header> 网页头部内容 </header>
2. 脚部标签
<footer> 元素表明 “ 网页 ” 或 “section” 的页脚（底部）。
<footer> 网页底部内容 </footer>
3. 导航标签
<nav> 元素表明页面的导航连接区域。用于定义页面的主要导航部分。
<nav> 页面导航内容 </nav>
4. 区段标签
<section> 元素表明文档中的 “ 节 ” 或 “ 段 ” 。
<section> 网页区段内容 </section>
5. 文章标签
<article> 元素表明一个在文档、页面或者网站中自成一体的内容。
<article> 网页里独立的文章 </article>
6. 附属信息标签
<aside> 元素被包含在 article 元素中做为主要内容的附属信息部分。
<aside> 网页附属信息 </aside>
7. 表格的语义化
table标签：定义一个表格；
   tr标签：定义行；
   th标签：定义表格头部内容的列；
   td标签：定义表格主题内容的列；
   thead标签：定义表格头部；
   tbody标签：定义表格主体部分。
<table>
 <caption> 支出统计 </caption>
  <thead>
    <tr>
      <th> 娱乐项目 </th>
      <th> 项目支出 </th>
    </tr>
  </thead>
 <tbody>
   <tr>
     <td> 聚餐 </td>
     <td>200 元 </td>
   </tr>
 </tbody>
</table>