標籤語義化

2022-08-24 10:39:11 字數 505 閱讀 7637

合適標籤做合適的事情,例如文章段落用p標籤,標題用h1-h6標籤,頁面logo用h1標籤巢狀a標籤。

標籤語義化為瀏覽器和搜尋引擎服務。

1.利於seo優化(也就是搜尋引擎的抓取,搜尋引擎的爬蟲也依賴於標記來確定上下文和各個關鍵字的權重)。

2.在樣式丟失的時候,還是可以比較好的呈現結構。

3.更好的支援各種終端,例如無障礙閱讀和有聲**等。

4.利於團隊開發和維護,w3c給我們定了乙個標準,若團隊中都遵循這個標準,那麼**的差異就會縮小,在開發和維護的時候就可以提高效率。

1.儘量減少使用無意義標籤,例如span和div。

2.盡量不使用標籤本身的css屬性,例如b、font、s等標籤,如果需要這些樣式,那麼使用css樣式來進行新增。

3.在需要強調的部分,使用strong、em,但是樣式盡量使用css樣式來描述。

4.**搭建時,使用**頭部

**身體

表尾部5.列表搭建時,使用

有序列表

定義列表

標籤語義化

標籤 結構 語義化 在當今社會,尤其是html5標準正式發布 實際只是w3c的乙個推薦標準 後,這個問題更被廣大企業所重視,剛剛面試回來 可以不問面試結果 簡單總結幾點 一 可維護性高 方便程式設計師 即使樣式丟失,結構依然清晰明了。二 可讀性高。多終端可以根據標籤來顯示它們在自身裝置上呈現更易讀的...

語義化標籤

一 語義化標籤的作用 1 搜尋引擎只能通過標籤來判斷內容的語義,語義清晰有利於搜尋引擎優化。2 渣網速下,樣式未載入,也有可讀性。二 標籤的語義 html標籤的設計都是有語言考慮的。以下是從書中截圖出來的標籤語言對照表。紅色框為常用的標籤 其中,div和span其實是沒有語義的,他們分別只是用作塊級...

語義化標籤

定義 就是盡量使用有相對應的結構的含義的html的標籤 標籤語義化的好處 a 讓結構更簡潔,方便搜尋引擎 b 通過多重組合,減少不必要的css命名 語義化標籤的使用 a 列表 ul ol li dl dt dd c 段落 p d 強調 strong e table tr td,以及 的其他成員th ...