什麼是標籤語義化？

  • 提升程式碼可讀性，便於團隊開發和維護

為什麼要標籤語義化？

  • 當網頁去掉 CSS 樣式時，頁面能呈現出來清晰的結構

案例

  • 不存在語義化

    <div></div>
    
<div></div>
    
<div></div>

  • 使用語義化

    <header></header>
    
<main></main>
    
<footer></footer>

  • 總結：從上面可以看出，一個頁面裡面放 3 個 div 別人也不知道這是啥意思。如果使用語義化標籤就能清楚的知道分為 3 個模組頂部、中間、底部。

附加