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>