div不是html5語義化標(biāo)簽。div是一個(gè)無語義的標(biāo)簽,主要用于定義HTML文檔中的一個(gè)分隔區(qū)塊或者一個(gè)區(qū)域部分,該標(biāo)簽無法明確表示該區(qū)域的內(nèi)容的含義。div標(biāo)簽常用于組合塊級元素,以便通過CSS來對這些元素進(jìn)行格式化。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
在html5以前的web前端開發(fā)中,我們都是使用div來實(shí)現(xiàn)區(qū)域的分割。
那么div是html5語義化標(biāo)簽嗎?
div不是html5語義化標(biāo)簽。
div是一個(gè)無語義的標(biāo)簽,主要用于定義HTML文檔中的一個(gè)分隔區(qū)塊或者一個(gè)區(qū)域部分。它常用于組合塊級元素,以便通過 CSS 來對這些元素進(jìn)行格式化。
我們在一個(gè)網(wǎng)頁中,往往會使用多個(gè)div標(biāo)簽,但div 標(biāo)簽無法明確表示該區(qū)域的內(nèi)容的含義,這對我們接下來的css樣式設(shè)置和后期的維護(hù)非常的不友好,所以在html5中,出現(xiàn)了一些有語義化的標(biāo)簽,今天我們就來認(rèn)識這些標(biāo)簽。
什么是語義化?
語義化是指用合理HTML標(biāo)記以及其特有的屬性去格式化文檔內(nèi)容。通俗地講,語義化就是對數(shù)據(jù)和信息進(jìn)行處理,使得機(jī)器可以理解。
<h1>文檔標(biāo)題</h1> <h2>次級標(biāo)題</h2> <p> 這是文章段落,一般文章段落都會比其他HTML標(biāo)簽所包含的內(nèi)容要多。段落中基本都是文字,一般為3-6行,也可能10多行。是網(wǎng)頁主要的閱讀部分。 </p>
上面這些就是非常常見的文本語義化標(biāo)簽,我們在設(shè)置網(wǎng)頁結(jié)構(gòu)的時(shí)候,也可以使用語義化標(biāo)簽,使頁面結(jié)構(gòu)清楚易懂。
-
<header> : body 第一個(gè)子元素,用于表示頁面或某個(gè)區(qū)域的頭部,內(nèi)容會顯示在頁面中, 可以在一個(gè)頁面可以出現(xiàn)多次
-
<nav> :表示導(dǎo)航欄,后代元素有 <a> 標(biāo)簽,鏈接,一個(gè)頁面可以有多個(gè) nav 標(biāo)簽
-
<aside> :用于表示跟周圍主題相關(guān)的附加信息,非正文的內(nèi)容,側(cè)邊欄, AD (廣告),相 關(guān)文章,評論
-
<article> :用于表示文章或其他可獨(dú)立頁面存在的內(nèi)容(獨(dú)立的文章的內(nèi)容,需要搜索 引擎抓取的關(guān)鍵詞也需要放在該標(biāo)簽) 評論也可以寫在該標(biāo)簽,一個(gè)頁面可以使用多個(gè) article
-
<section> :用于表示一個(gè)整體的其中一個(gè)部分主題,例如文章的章節(jié)標(biāo)題,它是 article 的 子元素
-
<footer> :用于表示頁面或某個(gè)區(qū)域的注腳,可以出現(xiàn)多次
-
<main> :主要,一個(gè)頁面只能出現(xiàn)一次,可以包含 article