HTML語義化 結構化標籤(個人小結)

2021-09-13 01:14:42 字數 627 閱讀 3753

結構化的標籤,它在乙個網頁結構中,可以清楚的表示該部分在文件中的結構含義。

html5關注的不僅是呈現出乙個頁面的效果,它更加關注如何構造乙個結構化的**內容優雅地頁面。

html5新增的結構化標籤雖然本質上都是div標籤,但它用語義化的命名方式使得乙個html頁面更加有結構和清晰,在日後如果遇到重構等問題也更加方便。

語義化標籤,顧名思義就是從標籤的名稱就能看出這個標籤的作用是什麼,按照設計的網頁結構使用合理的標籤

可以使**清晰易懂,一定程度上也做好了頁面的seo(搜尋引擎優化)。

定義外部的內容,可以是一片新的文章

定義article以外的內容,aside的內容可用作文章的側欄

定義figure元素的標題

對元素進行組合,使用fig caption元素為元素組新增標題

定義section或文件的頁尾

定義文件的頁首

用於對section或網頁的標題進行組合,使用fig caption元素為元素組新增標題

定義導航鏈結部分

定義文章中的節。比如章節、頁首、頁尾或文章中的其他部分。

定義日期或時間

(列舉的內容來自於《前端面試江湖》)

構建頁面的時候用常帶著結構化的思想去寫,會慢慢養成乙個好習慣的~

html語義化標籤 HTML語義化

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

HTML語義化標籤

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

HTML標籤語義化

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