使用正確的標籤做正確的事,即使是原始碼也是有意義的,也是可讀的。理解起來很簡單,人眼能看到的某個標籤長什麼樣,做什麼用,但是閱讀裝置只能閱讀原始碼結構,所以必須要讓這個結構是有意義的組織。盡可能少的使用無語義的標籤,比如
和
。
不要使用純樣式用途的標籤。如、
,而是改用 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 ...