HTML5

新增的結(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>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市饶唤,隨后出現(xiàn)的幾起案子徐伐,更是在濱河造成了極大的恐慌,老刑警劉巖募狂,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件办素,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡祸穷,警方通過(guò)查閱死者的電腦和手機(jī)性穿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)雷滚,“玉大人需曾,你說(shuō)我怎么就攤上這事∑碓叮” “怎么了呆万?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)车份。 經(jīng)常有香客問(wèn)我谋减,道長(zhǎng),這世上最難降的妖魔是什么扫沼? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任出爹,我火速辦了婚禮,結(jié)果婚禮上充甚,老公的妹妹穿的比我還像新娘以政。我一直安慰自己霸褒,他們只是感情好伴找,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著废菱,像睡著了一般技矮。 火紅的嫁衣襯著肌膚如雪抖誉。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,198評(píng)論 1 299
  • 那天衰倦,我揣著相機(jī)與錄音袒炉,去河邊找鬼。 笑死樊零,一個(gè)胖子當(dāng)著我的面吹牛我磁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播驻襟,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼夺艰,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了沉衣?” 一聲冷哼從身側(cè)響起郁副,我...
    開(kāi)封第一講書(shū)人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎豌习,沒(méi)想到半個(gè)月后存谎,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡肥隆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年既荚,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片栋艳。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡固以,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嘱巾,到底是詐尸還是另有隱情憨琳,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布旬昭,位于F島的核電站篙螟,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏问拘。R本人自食惡果不足惜遍略,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望骤坐。 院中可真熱鬧绪杏,春花似錦、人聲如沸纽绍。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)拌夏。三九已至僧著,卻和暖如春履因,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盹愚。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工栅迄, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人皆怕。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓毅舆,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親愈腾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子朗兵,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354