article
-- 解釋
article標簽裝載顯示一個獨立的文章內容。例如一篇完整的論壇帖子,一則網站新聞,一篇博客文章等等,一個用戶評論等等
artilce可以嵌套,則內層的artilce對外層的article標簽有隸屬的關系。例如,一個博客文章,可以用article顯示,然后一
些評論可以以article的形式嵌入其中。
-- 示列
<article>
<h1>文章標題</h1>
這是一篇文章
<article>評論1...</article>
<article>評論2...</article>
</article>
section
-- 解釋
section 標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分。
-- 示列
<body>
<section>
<h1>章節一</h1>
<p>詳細內容...</p>
</section>
<section>
<h1>章節二</h1>
<p>詳細內容...</p>
</section>
</body>
aside
-- 解釋
aside 用來裝載非正文類的內容。例如廣告,成組的鏈接,側邊欄等等。
-- 示列
<body>
<aside>
熱門文章
</aside>
<aside>
廣告
</aside>
<article>
<h1>文章標題</h1>
這是一篇文章
<article>評論1...</article>
<article>評論2...</article>
</article>
</body>
hgroup
-- 解釋
hgroup 標簽用于對網頁或區段的標題元素(h1-h6)進行組合。例如,在一個區段中你有連續的h系列的標簽元素,則可以用hgroup將他們括起來。
-- 示列
<hgroup>
<h1>The reality dysfunction</h1>
<h2>Space is not the only void</h2>
</hgroup>
<hgroup>
<h1>Dr. Strangelove</h1>
<h2>Or: How I Learned to Stop Worrying and Love the Bomb</h2>
</hgroup>
header
-- 解釋
header 標簽定義文檔的頁面組合,通常是一些引導和導航信息。
-- 示列
<header>
<p>this is the page Logo</p>
<nav>this is page navigation</nav>
</header>
footer
-- 解釋
footer 標簽定義 section 或 document 的頁腳。在典型情況下,該元素會包含創作者的姓名、文檔的創作日期以及/或者聯系信息。
-- 示列
<footer> © 2012 Baidu 使用百度前必讀 京ICP證030173號 </footer>
nav
-- 解釋
nav 標簽定義顯示導航鏈接不是所有的成組的超級鏈接都需要放在nav標簽里。nav標簽里應該放入一些當前頁面的主要導航鏈接。
例如在頁腳顯示一個站點的導航鏈接(如首頁,服務信息頁面,版權信息頁面等等),就可以使用nav標簽,當然,這不是必須的。
-- 示列
<nav>
<ul>
<li><a href=”articles.html”>Index of all articles</a></li>
<li><a href=”today.html”>Things sheeple need to wake up for today</a></li>
<li><a href=”successes.html”>Sheeple we have managed to wake</a></li>
</ul>
</nav>
time
-- 解釋
time 標簽定義公歷的時間(24 小時制)或日期,時間和時區偏移是可選的。該元素能夠以機器可讀的方式對日期和時間進行編碼,這樣,
舉例說,用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中,搜索引擎也能夠生成更智能的搜索結果。
-- 示列
<p>我們在每天早上 <time>9:00</time>
開始營業。</p>
<p>我在 <time datetime="2008-02-14">情人節</time>
有個約會。</p>
mark
-- 解釋
mark 標簽定義帶有記號的文本。請在需要突出顯示文本時使用 <mark> 標簽。
-- 示列
<p>Do not forget to buy <mark>milk</mark>
today.</p>
figure
-- 解釋
figure標簽規定獨立的流內容(圖像、圖表、照片、代碼等等)。figure 元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。
-- 示列
<p>黃浦江上的的盧浦大橋</p>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
figcaption
-- 解釋
figcaption 標簽定義 figure 元素的標題(caption)。"figcaption" 元素應該被置于 "figure" 元素的第一個或最后一個子元素的位置。
-- 示列
<figure>
<figcaption>黃浦江上的的盧浦大橋</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
contextmenu+menu
-- 解釋
contextmenu 添加到系統右鍵菜單 [貌似這個功能只有firefox支持,很悲催的]
-- 示列
<div>添加到系統右鍵菜單< contextmenu=mymenu /div>
<menu type="context" id="mymenu" />