標籤語義化

2021-09-18 06:19:41 字數 908 閱讀 6969

使用正確的標籤做正確的事,即使是原始碼也是有意義的,也是可讀的。理解起來很簡單,人眼能看到的某個標籤長什麼樣,做什麼用,但是閱讀裝置只能閱讀原始碼結構,所以必須要讓這個結構是有意義的組織。

盡可能少的使用無語義的標籤,比如

不要使用純樣式用途的標籤。如,而是改用 css 來實現。原則就是,html 負責內容和結構,而樣式則交由 css 全權負責。

每個都應該配備乙個標籤用於說明其用途,並使用for屬性關聯

請勿使用非表單元素來實現表單功能,比如用來實現按鈕,雖然樣式可以看上去一致,但是你會失去表單元素原生的一些功能,比如鍵盤的可訪問性,無法通過 tab 鍵獲取焦點

使用**時,標題要用,表頭用,主體部分用包圍,尾部用包圍。表頭和一般單元格要區分開,表頭用,單元格用

標題

表頭

主體

尾部

標籤始終新增alt屬性,其內容應提供影象的直接表示以及它在視覺上傳達的內容。 任何個人說明或額外描述都不應該包含在這裡,而應該放到title屬性中。

標籤中的應該是內容,具有意義,如果純粹是為了視覺裝飾,則應該作為 css 背景影象。

使用 html5 新標籤

標籤語義化

標籤 結構 語義化 在當今社會,尤其是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 ...