語義化標籤

這些標籤和 div 功能一樣,但名字本身就說明了用途,讓 AI 和搜尋引擎更容易理解你的頁面。

五個語義化標籤
標籤意思常見用途
<header>頁首區域放 Logo、標題、導覽列
<nav>導覽區域放主選單、麵包屑
<main>主要內容頁面的核心內容(每頁只有一個)
<footer>頁尾區域放版權、聯絡資訊、相關連結
<section>主題段落把內容分成有標題的區塊
💡

不需要背,AI 會自動用

你不需要記住每個語義標籤,AI 在產生程式碼時會自動選擇合適的標籤。但當你看到 headernavmainfooter 時,能立刻知道它們代表什麼,這就夠了。看得懂比會寫更重要。