這些標籤和 div 功能一樣,但名字本身就說明了用途,讓 AI 和搜尋引擎更容易理解你的頁面。
| 標籤 | 意思 | 常見用途 |
|---|---|---|
<header> | 頁首區域 | 放 Logo、標題、導覽列 |
<nav> | 導覽區域 | 放主選單、麵包屑 |
<main> | 主要內容 | 頁面的核心內容(每頁只有一個) |
<footer> | 頁尾區域 | 放版權、聯絡資訊、相關連結 |
<section> | 主題段落 | 把內容分成有標題的區塊 |
不需要背,AI 會自動用
你不需要記住每個語義標籤,AI 在產生程式碼時會自動選擇合適的標籤。但當你看到 header、nav、main、footer 時,能立刻知道它們代表什麼,這就夠了。看得懂比會寫更重要。