概述
根據內容的結構化,選擇合適的標籤。
可以理解成,根據內容區塊的不同,含義的不同,來選擇符合該區塊語義的標籤。
標籤語義化的好處
① 網頁佈局的合理化。
② 有利於和搜索引擎建立良好溝通,有了良好的結構和語義你的網頁內容自然容易被搜索引擎抓取。
③ 方便其他設備解析,如屏幕閱讀器、盲人閱讀器、移動設備等。
④ 便於團隊開發和維護。
如何理解標籤語義化
針對上面的描述,可能對標籤語義化,可能還處在一個模糊的狀態,要想了解標籤語義化,先要知道什麼是無語義的標籤。
1. 無語義標籤
div 和 span 都是無語義標籤,爲什麼說是無語義呢
首先我用 div 標籤來劃分多個區塊
我將上面的代碼改成有語義的標籤
總結:
① 爲了讓搜索引擎更容易捕獲你的網頁內容,儘可能少使用無語義的標籤。
② 在 pc 端 注意你所使用的標籤,是否存在兼容性問題。如果有兼容性問題,合理使用標籤。