HTML語義化標籤

2021-09-20 06:33:17 字數 3017 閱讀 1366

首先對w3c的html5其進行大概的分類,隨意看看(可以這樣回答面試官,說你歸納過):

1:定義上的:

定義注釋。

定義文件型別。

定義 html 文件。

定義文件的主體。

定義客戶端指令碼。

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

定義框架集。

定義關於文件的資訊。

定義內聯框架。

定義關於 html 文件的元資訊。

定義文件與外部資源的關係。

定義針對不支援框架的使用者的替代內容。

定義針對不支援客戶端指令碼的使用者的替代內容。

2:功能上的(js或者css上的作用比較有特色的語義化標籤):

定義錨。

定義縮寫。

定義文件作者或擁有者的聯絡資訊。

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

定義聲音內容。

定義簡單的折行。

定義按鈕 (push button)。

定義**中乙個或多個列的屬性值。

定義**中供格式化的列組。

定義乙個定義專案。

定義計算機**文字。

定義樣本文字。

定義鍵盤文字。它表示文字是從鍵盤上鍵入的。它經常用在與計算機相關的文件或手冊中。

定義變數。您可以將此標籤與及標籤配合使用。

定義引用。可使用該標籤對參考文獻的引用進行定義,比如書籍或雜誌的標題。

定義下拉列表。

定義長單詞在**換號;元素來新增 word break opportunity(單詞換行時機)

標籤為諸如 video 元素之類的媒介規定外部文字軌道。

定義文件的標題。

定義日期/時間。

定義多行的文字輸入控制項。

定義強調文字。

定義文件的樣式資訊。

定義下標文字。

為 元素定義可見的標題。

定義上標文字。

定義媒介源。

定義計算機**樣本。

定義 section。

定義選擇列表(下拉列表)。

定義 ruby 注釋的解釋。

定義 ruby 注釋。

定義短的引用。

定義任何型別的任務的進度。

定義物件的引數。

定義預格式文字。

定義選擇列表中相關選項的組合。

定義選擇列表中的選項。

定義輸出的一些型別。

定義元素的細節。

不贊成使用。定義目錄列表。

定義文件中的節。

定義定義專案。

定義對話方塊或視窗。

定義定義列表。

定義定義列表中的專案。

定義外部互動內容或外掛程式。

定義圍繞表單中元素的邊框。

定義 figure 元素的標題。

定義媒介內容的分組,以及它們的標題。

定義供使用者輸入的 html 表單。

定義水平線。

定義輸入控制項。

定義被插入文字。

定義鍵盤文字。

定義生成金鑰。

定義 input 元素的標註。

定義 fieldset 元素的標題。

定義影象對映。

定義有記號的文字。

定義命令的列表或選單。

定義使用者可以從彈出選單呼叫的命令/選單專案。

定義預定義範圍內的度量。

定義導航鏈結。

定義內嵌物件。

3:結構上的(方便分塊檢視,這個很重要):結構上的可以被其他div+css代替但是好的前端會用這些標籤來使**可讀性增強。

定義 section 或 page 的頁首。

定義定義列表中專案的描述。

定義文章。

定義頁面內容之外的內容。

尤其上面的四位主要用於劃分頁面塊,一般不做樣式處理

定義段落。

把文字定義為強調的內容。

把文字定義為語氣更強的強調的內容。

定義文字方向。

定義文字的文字方向,使其脫離其周圍文字的方向設定,與bdo配合使用試試。

定義大號文字。

定義粗體字。

定義被刪除文字。

定義無序列表。

定義有序列表。

定義**。

定義**中的主體內容。

定義**中的單元。

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

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

定義**中的表頭內容。

定義**中的行。

定義 section 或 page 的頁尾。

to 定義 html 標題。

定義斜體字。

定義列表的專案。

語義化標籤的好處要從html 全域性屬性說起,即有的標籤有預設的html全域性屬性,所以最好用語義化標籤。

1:以下元素支援 tabindex 屬性:, , , , , 以及 。

用法:number規定元素的 tab 鍵控制次序(1 是第乙個)。

作用:增強使用者鍵盤的可操作性,所以不要用div代替

2:以下元素支援 accesskey 屬性:, , , , , 以及 。

用法:character規定啟用(使元素獲得焦點)元素的便捷按鍵。

作用:增強使用者鍵盤的可操作性,所以不要用div代替

3:contextmenu 屬性的值是要開啟的 元素的 id。目前只有火狐支援

4:spellcheck 屬性規定是否對元素進行拼寫和語法檢查。

可以對以下內容進行拼寫檢查:

input 元素中的文字值(非密碼)

元素中的文字

可編輯元素中的文字

5:lang 屬性在以下標籤中無效:,

, , , , , 以及 。

對外的意義:

有利於seo的!!有利於解析**!!可讀性可維護性增強!!

html語義化標籤 HTML語義化

html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員,由於對頁面的美化需求還處在最基本的層面,因此大多使用標籤,這樣的缺點也很明顯,後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升,催生了這一階段的 美工 人員,對標籤的使用也...

HTML語義化標籤

什麼是html的語義化標籤?在前端開發的過程當中,通常會使用h1 h6作為標題,使用ul li作為列表等等,通過這些標籤我們可以知道其語義,但除了語義之外,還存在其他的作用。那麼語義化標籤有什麼作用呢?第一,增強 的可讀性,也就是語義化,便於團隊的開發和維護。第二,有利於seo,seo依賴於語義化標...

HTML標籤語義化

語義化就是使用有意義的標籤使頁面內容結構化。1.語義化的html在沒有css的輔助下,也可以很好的顯示頁面結構 2.有利於seo優化。在便於開發者閱讀的同時優雅的寫 同時便於爬蟲和機器很好的解析。3.方便與團隊優化與維護。4.簡單來講,移動端裝置對於css的支援形式有欠缺的,html標籤語義化,可以...