結構化的標籤,它在乙個網頁結構中,可以清楚的表示該部分在文件中的結構含義。
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標籤語義化,可以...