HTML 結構語意說明

什麼是 HTML 結構

HTML 結構指的是頁面如何用標記語言把內容組織起來。這不只是有沒有標籤，而是主標、章節、主內容區、導覽、側欄、列表、表格、圖說與連結是否用合理方式表達。

這個面向最關鍵的不是畫面效果，而是下列問題：

• 標題是否有層級。
• 內容是否切成合理區塊。
• 主內容區是否清楚。
• 導覽與補充資訊是否有自己的位置。
• 列表、表格、圖片與連結是否用對元素。

若頁面視覺上很完整，但底層 HTML 幾乎沒有語意，外部系統在理解時就得花更多成本猜測什麼是主題、什麼是主內容、什麼只是模板。

為什麼這會成為評分依據

HTML 結構會成為評分依據，是因為搜尋引擎與 AI 系統在理解網頁時，不是只讀一串文字，而是讀一個有主次、區塊與層級關係的文件。

一個品質良好的 HTML 結構，至少應該回答這些問題：

• 這頁的主標題是什麼。
• 主要內容在哪裡。
• 哪些是導覽，哪些是正文，哪些是補充資訊。
• 區塊與區塊之間的關係是否清楚。
• 重要內容是否被正確標示，而不是只靠 CSS 做出視覺效果。

官方規範與參考連結

下列來源可作為這個評分面向的外部依據。這些連結讓使用者理解：這不是前端潔癖，而是建立在搜尋引擎、W3C 與 MDN 文件上的內容骨架判讀。