HTML 5 中新增的標簽有:
article ---文章
作用:定義獨立的內(nèi)容漱病,內(nèi)容一般來說是一篇帖子买雾、文章、博客杨帽、短文凝果。。睦尽。
** 使用場景:**論壇帖子器净、博客文章、新聞故事当凡、貼吧回復山害。。沿量。
article 標簽 定義的內(nèi)容必須是有意義的浪慌,而且該內(nèi)容需要獨立于文檔的其他部分
內(nèi)部可以包含 header(標題)、footer朴则、(頁腳)section权纤、article(內(nèi)嵌 論壇的回復)
section----文檔中的節(jié)、區(qū)段
用于對界面進行分區(qū),元素通常也可以有標題和內(nèi)容來組成
使用場景 : 劃分章節(jié)汹想、區(qū)分頭部(頁眉)外邓、區(qū)分尾部(頁腳)
內(nèi)部推薦包含一個標題,當然里面也可以包含article 或者 嵌套 section
注意:article和section 非常容易搞混古掏,他們兩個都可以包含很多的子元素损话,而且發(fā)現(xiàn)他們之間可以相互嵌套,但是槽唾,他們兩個元素側(cè)重點不同 ----
article側(cè)重表達一篇獨立的丧枪、完整的文章
section側(cè)重對界面內(nèi)容的分塊
header---為 article 元素定義文檔的“頭部信息”
該元素內(nèi)部可以包含 h1~h6 ,
hgroup庞萍,或者還可以包含p,span
hgroup : 用于對網(wǎng)頁或區(qū)段(section)的標題(如 h1~h6)進行組合,如果同時又多個標題拧烦,推薦使用hgroup 標簽來承裝
使用場景 : 文章的介紹 導航連接器的容器
設(shè)置主副標題
<header>
<h1 ><a name="toc-5"></a>潛行者m</h1> <p>關(guān)注前端開發(fā)熱愛簡約設(shè)計。</p></header>
nav----定義頁面上的導航條
一般包括 “主導航條” 钝计、 側(cè)邊欄“邊欄道行” 恋博、 底部“底部導航”
推薦將這些導航鏈接分別放在對應的 nav 標簽中去管理
aside ---當前頁或當前文章的附屬信息
使用場景:文章的側(cè)邊欄
推薦將aside 標簽去通過 CSS 渲染成側(cè)邊欄
footer ----為 article 元素定義文檔的“頁腳”信息
一般包含文章的版權(quán)信息,作者的授權(quán)提醒等
使用場景:文檔的創(chuàng)建者姓名葵蒂、文檔的版權(quán)信息交播、
使用條款的鏈接、聯(lián)系信息
figure----表示一塊獨立“圖片區(qū)域”
內(nèi)部可以包含一個 或者 多個 image
還可以包含一個 figcaption 標簽 用于定義該圖片區(qū)域的標題
figcaption 定義“圖片區(qū)域”的標題
audio ----多媒體標簽
<pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>音頻</title>
</head>
<body>
<audio src="1.mp3" controls="controls" autoplay="autoplay" muted="muted"></audio>
<audio controls="controls">
<source src="bgm.mp3" type="audio/mp3">
<source src="bgm.ogg" type="audio/ogg">
<source src="bgm.amr" type="audio/amr">
</audio>
</body>
</html>
</pre>
視頻
<pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>視頻</title>
</head>
<body>
<video src="test.mp4" autoplay="autoplay" control="controls" width=""></video>
</body>
</html>
</pre>