語義化標籤

2021-07-16 02:22:58 字數 1175 閱讀 4969

定義:就是盡量使用有相對應的結構的含義的html的標籤

標籤語義化的好處

a、讓結構更簡潔,方便搜尋引擎

b、通過多重組合,減少不必要的css命名

語義化標籤的使用

a、列表:ul、ol、li、dl、dt、dd

c、段落:p

d、強調:strong

e、**:table、tr、td,以及**的其他成員th、thead、tbody、tfood

常用html標籤表

結構元素標籤

定義文件的主體,預設有外邊距,注意清除。

定義頁面的資訊。

定義 html 文件。

定義頁面的描述資訊,便於搜尋優化。

定義文件的標題。

定義引用外部檔案,如聯入css樣式表。

定義內聯的css樣式資訊。

定義內聯或外聯的客戶端指令碼,如js。

定義文章標題

行內元素

定義錨鏈結或其他鏈結,行內元素。

定義強調文字,樣式為加粗,行內元素。

定義乙個行內元素的空盒子。

塊級元素

定義乙個塊級元素的空盒子。

to 定義標題部分,預設有外邊距,塊級元素。

定義無序列表,預設有外邊距和內邊距,塊級元素。

定義有序列表,即數字列表,預設有內外邊距,塊級元素。

定義列表的專案,一般被巢狀在和內,塊級元素。

自定義列表的專案,預設有外邊距和內邊距,塊級元素。

自定義列表的標題,巢狀在內,與區別,塊級元素。

自定義列表的內容,巢狀在內,與區別,塊級元素。

定義段落,預設有乙個行高的外邊距。

**元素

定義**。

定義**中的行。

定義**中的單元。

定義**中的表頭單元格。

定義**中的表頭內容。

定義**中的主體內容。

定義**中的表注內容(腳注)。

其他標籤

定義乙個回車換行。

定義影象對映,即滑鼠熱區。

定義影象對映內部的區域。

定義輸入提交的表單。

定義表單中的按鈕 (pushbutton)。

定義表單中的輸入控制項。

定義表單中的選擇列表(下拉列表)。

定義框架集的視窗或框架。

節點元素分為標籤:節元素標籤、文字元素標籤、分組元素標籤

標籤語義化

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

語義化標籤

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

標籤語義化

主要總結標籤語義化方面的內容。下面列出一些常見的標籤及其語義 完整標籤列表及更多html5標籤請參考 這裡提一下,我們常用的列表相關的標籤有ol,ul,dl.那麼什麼時候用dl,什麼時候用ol ul 呢?對於重複的條目,如果打亂順序,不影響語義就是無序列表 ul 否則就是有序列表 ol 如果內部帶乙...