HTML-標籤語義化

概述

根據內容的結構化,選擇合適的標籤。

可以理解成,根據內容區塊的不同,含義的不同,來選擇符合該區塊語義的標籤。

標籤語義化的好處

① 網頁佈局的合理化。

② 有利於和搜索引擎建立良好溝通,有了良好的結構和語義你的網頁內容自然容易被搜索引擎抓取。

③ 方便其他設備解析,如屏幕閱讀器、盲人閱讀器、移動設備等。

④ 便於團隊開發和維護。

如何理解標籤語義化

針對上面的描述,可能對標籤語義化,可能還處在一個模糊的狀態,要想了解標籤語義化,先要知道什麼是無語義的標籤。

1. 無語義標籤

div 和 span 都是無語義標籤,爲什麼說是無語義呢

首先我用 div 標籤來劃分多個區塊

這裏寫圖片描述

我將上面的代碼改成有語義的標籤

這裏寫圖片描述


總結:

① 爲了讓搜索引擎更容易捕獲你的網頁內容,儘可能少使用無語義的標籤。
② 在 pc 端 注意你所使用的標籤,是否存在兼容性問題。如果有兼容性問題,合理使用標籤。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章