新增的結(jié)構(gòu)元素
section標(biāo)簽
<section>
表示文檔中的一個(gè)區(qū)域(或節(jié))缅茉。比如章節(jié)沸手、頁(yè)眉曲稼、頁(yè)腳或文檔中的其他部分,一般來(lái)說(shuō)會(huì)包含一個(gè)標(biāo)題待锈。
例子:
<section>
<h1>section是什么漠其?</h1>
<p>一個(gè)新章節(jié)</p>
</section>
注:不要把<section>
元素作為一個(gè)普通的div容器使用。一般來(lái)說(shuō)竿音,一個(gè)<section>
應(yīng)該出現(xiàn)在文檔大綱中和屎。
article標(biāo)簽
<article>
標(biāo)簽定義獨(dú)立的內(nèi)容。常常使用在論壇帖子春瞬,報(bào)紙文章柴信,博客條目,用戶評(píng)論等獨(dú)立的內(nèi)容項(xiàng)目之中宽气。article
可以嵌套颠印,內(nèi)層的article
對(duì)外層的article
標(biāo)簽有隸屬關(guān)系。
例子:
<article>
<h1>百度是什么</h1>
<p1>百度是一個(gè)查詢的網(wǎng)站</p1>
</article>
nav標(biāo)簽
<nav>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</nav>
注:并不是所有的鏈接都必須使用<nav>
標(biāo)簽抹竹,它只用來(lái)將一些熱門的鏈接放入導(dǎo)航欄线罕。一個(gè)網(wǎng)頁(yè)也可能含有多個(gè)<nav>
標(biāo)簽,例如一個(gè)是網(wǎng)站內(nèi)的導(dǎo)航列表窃判,另一個(gè)是本頁(yè)面內(nèi)的導(dǎo)航列表钞楼。
header標(biāo)簽
<header>標(biāo)簽定義文檔的頁(yè)面,通常是一些引導(dǎo)和導(dǎo)航信息袄琳。它不局限于寫在網(wǎng)頁(yè)內(nèi)容里面询件。
通常<header>標(biāo)簽至少包含一個(gè)標(biāo)題標(biāo)記(h1-h6),還可以包括
<hgroup>`標(biāo)簽唆樊,還可以包括表格內(nèi)容宛琅、標(biāo)識(shí)、搜索表單逗旁、nav導(dǎo)航等嘿辟。
例子:
<header>
<h1 align="center">網(wǎng)站標(biāo)題</h1>
<h2 align="center">網(wǎng)站副標(biāo)題</h2>
</header>
footer標(biāo)簽
<footer>
標(biāo)簽定義section和document的頁(yè)腳,包含了與頁(yè)面片效、文章或是部分內(nèi)容有關(guān)的信息红伦,比如說(shuō)文章的作者或者日期。它和header
標(biāo)簽使用基本一樣淀衣,可以在一個(gè)頁(yè)面中多次使用昙读,如果在一個(gè)區(qū)段的后面加入了footer
標(biāo)簽,那么它就相當(dāng)于該區(qū)段的頁(yè)腳膨桥。
例子:
<footer>
<span align="center">Copyright @2013-2019 網(wǎng)站名字</span>
</footer>
aside標(biāo)簽
<aside>
標(biāo)簽表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分蛮浑,被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響唠叛。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容。他們通常包含在工具條沮稚,例如來(lái)自詞匯表的定義玻墅。也可能有其他類型的信息,例如相關(guān)的廣告壮虫、筆者的傳記澳厢、web 應(yīng)用程序、個(gè)人資料信息囚似,或在博客上的相關(guān)鏈接剩拢。
例子:
<aside>
<h1>百度簡(jiǎn)介</h1>
<p>一個(gè)查詢的網(wǎng)站</p>
</aside>