Html語義化標籤

2022-06-30 19:24:11 字數 672 閱讀 1470

**結構清晰,方便閱讀,有利於團隊的開發
段落文字

普通文字串

超連結li列表

文字標籤

結構化塊

頁面主體內容

h1~h6,分級標題 字型大小大小不一 h1最大,逐漸減小

標記導航,僅對文件中重要的鏈結群使用。

頁面主要內容

定義外部的內容,其中的內容獨立於文件的其餘部分。

定義文件中的節(section、區段)

定義其所處內容之外的內容

頁尾,只有當父級是body時,才是整個頁面的頁尾。和 em 標籤一樣,用於強調文字,但它強調的程度更強一些。

將其中的文字表示為強調的內容,表現為斜體。

使用黃色突出顯示部分文字。

規定獨立的流內容(影象、圖表、**、**等等)(預設有40px左右margin)。

定義 figure 元素的標題,應該被置於 figure 元素的第乙個或最後乙個子元素的位置。

表示所包含的文字對某個參考文獻的引用,比如書籍或者雜誌的標題。

datetime屬性遵循特定格式,如果忽略此屬性,文字內容必須是合法的日期或者時間格式。

簡稱或縮寫。

定義術語元素,與定義必須緊挨著,可以在描述列表dl元素中使用。標記**

html語義化標籤 HTML語義化

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

HTML語義化標籤

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

HTML標籤語義化

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