HTML5新增元素：語義化元素的介紹

本篇文章給大家帶來的內容是關於HTML5新增元素：語義化元素的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所協助。

幾年前，用於網頁布局一般都用p元素，但語義化並不好。HTML5引入了大量新的區塊層級元素來協助提升網頁的語義，使頁面具有邏輯性結構、容易維護，並且對資料採礦服務更友好。

結構元素，又稱為區塊型元素，是用來定義區塊內容約制的元素。之前，區塊型元素只有一個，HTML5新增了7個語義化結構元素

section

定義文檔中的節（section、區段）。比如章節、頁首、頁尾或文檔中的其他部分。根據W3C HTML5文檔: section 包含了一組內容及其標題。

定義了文檔的某個地區。比如章節、頭部、底部或者文檔的其他地區。

article

定義的內容本身必須是有意義的且必須是獨立於文檔的其餘部分。潛在來源：論壇文章、部落格文章、新聞故事、評論。

aside

定義頁面主地區內容之外的內容（比如側邊欄）。aside 標籤的內容應與主地區的內容相關.。 標籤定義導航連結的部分。

nav

定義頁面的導航連結部分地區，但是，不是所有的連結都需要包含在nav元素中。

header

描述了文檔的頭部地區，注意用於定義內容的介紹展示地區，在頁面中你可以使用多個header元素

footer

描述了文檔的底部地區，應該包含它的包含元素，一個頁尾通常包含文檔的作者，著作權資訊，連結的使用規定，聯絡資訊等

文檔中你可以使用多個footer元素