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