HTML5新增元素之語義化元素有哪些

這篇文章主要為大家展示了HTML5新增元素之語義化元素有哪些，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“HTML5新增元素之語義化元素有哪些”這篇文章吧。

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

幾年前，用于網(wǎng)頁布局一般都用p元素，但語義化并不好。HTML5引入了大量新的塊級元素來幫助提升網(wǎng)頁的語義，使頁面具有邏輯性結(jié)構(gòu)、容易維護(hù)，并且對數(shù)據(jù)挖掘服務(wù)更友好。

結(jié)構(gòu)元素，又稱為區(qū)塊型元素，是用來定義區(qū)塊內(nèi)容范圍的元素。之前，區(qū)塊型元素只有一個(gè)，HTML5新增了7個(gè)語義化結(jié)構(gòu)元素

section

定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。根據(jù)W3C HTML5文檔: section 包含了一組內(nèi)容及其標(biāo)題。

定義了文檔的某個(gè)區(qū)域。比如章節(jié)、頭部、底部或者文檔的其他區(qū)域。

article

定義的內(nèi)容本身必須是有意義的且必須是獨(dú)立于文檔的其余部分。潛在來源：論壇帖子、博客文章、新聞故事、評論。

aside

定義頁面主區(qū)域內(nèi)容之外的內(nèi)容（比如側(cè)邊欄）。aside 標(biāo)簽的內(nèi)容應(yīng)與主區(qū)域的內(nèi)容相關(guān).。 標(biāo)簽定義導(dǎo)航鏈接的部分。

nav

定義頁面的導(dǎo)航鏈接部分區(qū)域，但是，不是所有的鏈接都需要包含在nav元素中。

header

描述了文檔的頭部區(qū)域，注意用于定義內(nèi)容的介紹展示區(qū)域，在頁面中你可以使用多個(gè)header元素

footer

描述了文檔的底部區(qū)域，應(yīng)該包含它的包含元素，一個(gè)頁腳通常包含文檔的作者，著作權(quán)信息，鏈接的使用條款，聯(lián)系信息等

文檔中你可以使用多個(gè)footer元素

以上就是關(guān)于“HTML5新增元素之語義化元素有哪些”的內(nèi)容，如果改文章對你有所幫助并覺得寫得不錯(cuò)，勞請分享給你的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注億速云行業(yè)資訊頻道。