H5新增常用標簽
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
section標簽
<section>標簽,定義文檔中的節。比如章節、頁眉、頁腳或文檔中的其它部分。一般用於成節的內容,會在文檔流中開始一個新的節。它用來表現普通的文檔內容或應用區塊,通常由內容及其標題組成。但section元素標簽並非一個普通的容器元素,它表示一段專題性的內容,一般會帶有標題。
當我們描述一件具體的事物的時候,通常鼓勵使用article來代替section;當我們使用section時,仍然可以使用h1來作為標題,而不用擔心它所處的位置,以及其它地方是否用到;當一個容器需要被直接定義樣式或通過腳本定義行為時,推薦使用div元素而非section。
article標簽
<article>是一個特殊的section標簽,它比section具有更明確的語義,它代表一個獨立的、完整的相關內容塊,可獨立於頁面其它內容使用。例如一篇完整的論壇帖子,一篇博客文章,一個用戶評論等等。一般來說,article會有標題部分(通常包含在header內),有時也會包含footer。article可以嵌套,內層的article對外層的article標簽有隸屬關系。例如,一篇博客的文章,可以用article顯示,然后一些評論可以以article的形式嵌入其中。
nav標簽
nav標簽代表頁面的一個部分,是一個可以作為頁面導航的鏈接組,其中的導航元素鏈接到其它頁面或者當前頁面的其它部分,使html代碼在語義化方面更加精確,同時對於屏幕閱讀器等設備的支持也更好。
aside標簽
aside標簽用來裝載非正文的內容,被視為頁面里面一個單獨的部分。它包含的內容與頁面的主要內容是分開的,可以被刪除,而不會影響到網頁的內容、章節或是頁面所要傳達的信息。例如廣告,成組的鏈接,側邊欄等等。
header標簽
<header>標簽定義文檔的頁眉,通常是一些引導和導航信息。它不局限於寫在網頁頭部,也可以寫在網頁內容里面。
通常<header>標簽至少包含(但不局限於)一個標題標記(<h1>-<h6>),還可以包括<hgroup>標簽,還可以包括表格內容、標識、搜索表單、<nav>導航等。
footer標簽
footer標簽定義section或document的頁腳,包含了與頁面、文章或是部分內容有關的信息,比如說文章的作者或者日期。作為頁面的頁腳時,一般包含了版權、相關文件和鏈接。它和<header>標簽使用基本一樣,可以在一個頁面中多次使用,如果在一個區段的后面加入footer,那么它就相當於該區段的頁腳了。
hgroup標簽
hgroup標簽是對網頁或區段section的標題元素(h1-h6)進行組合。例如,在一區段中你有連續的h系列的標簽元素,則可以用hgroup將他們括起來
figure 標簽
用於對元素進行組合。多用於圖片與圖片描述組合。