HTML語義化

1. 含義

根據文件結構、內容等，選擇合適的語義標籤 ( 用正確的標籤做正確的事 )。

2. 優點

• HTML結構清晰

• 程式碼可讀性較高

• 利於SEO

• 便於維護和開發

• CSS載入失敗的情況下，也能較好的展現頁面

3. H5的一些語義化標籤 (不一一介紹了)

• <header>

  定義頁面的介紹資訊 ( 標題、logo等 )

• <nav>

  定義頁面的導航資訊 ( 導航欄、連結等 )

• <main>

  定義頁面的主要內容 ( 唯一 )

• <article>

  定義頁面中的一部分獨立的內容，通常包含標題

• <section>

  定義頁面中的一部分獨立的內容，通常是整體的一部分或者文章的一節

• <aside>

  側邊欄，用於展示主體內容的一些附屬資訊 ( 作者資訊、廣告等 )

• <footer>

  頁尾，通常包含作者、版權資訊或者相關連結等