|
header元素表示一個(gè)區(qū)塊的頭部, "頭部" 可能包含不只是區(qū)塊的標(biāo)題, 比如頭部包含了副標(biāo)題, 歷史版本信息或是署名都是合理的.
<header>
<h1>A Preview of HTML 5</h1>
<p class="byline">By Lachlan Hunt</p>
</header>
<header>
<h1>Example Blog</h1>
<h2>Insert tag line here.</h2>
</header>
footer元素表示用上它的那個(gè)區(qū)塊的腳部, 一個(gè)具代表性的 "腳部" 包括了這個(gè)區(qū)塊的一些信息, 比如誰寫了它, 鏈接到相關(guān)的文檔, 版權(quán)信息等等.
<footer>© 2007 Example Inc.</footer>
nav元素表示一個(gè)導(dǎo)航鏈接的區(qū)塊. 它同時(shí)適用于站點(diǎn)導(dǎo)航和目錄.
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/products">Products</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
aside元素為了存放和主要內(nèi)容沒有太大關(guān)系的內(nèi)容, 是典型的標(biāo)記提要內(nèi)容方法.
<aside>
<h1>Archives</h1>
<ul>
<li><a href="/2007/09/">September 2007</a></li>
<li><a href="/2007/08/">August 2007</a></li>
<li><a href="/2007/07/">July 2007</a></li>
</ul>
</aside>
section元素表示了一份文檔或是一個(gè)應(yīng)用程序一般意義上的區(qū)塊, 比方說章節(jié).
<section>
<h1>Chapter 1: The Period</h1>
<p>It was the best of times, it was the worst of times,
it was the age of wisdom, it was the age of foolishness,
it was the epoch of belief, it was the epoch of incredulity,
it was the season of Light, it was the season of Darkness,
...</p>
</section>
(引用自<A Tale of Two Cites>)
article元素表示一份文檔, 站點(diǎn)的頁面中獨(dú)立的區(qū)塊. 它適用于類似新聞, blog文章, 論壇帖子或者個(gè)人注釋這樣的內(nèi)容.
<article id="comment-2">
<header>
<h4>
<a href="#comment-2" rel="bookmark">Comment #2</a>
by <a href="Jack'>http://example.com/">Jack O'Niell</a>
</h4>
<p><time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time></p>
</header>
<p>That's another great article!</p>
</article>
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 HTML5預(yù)覽 [1] 下一頁 HTML5預(yù)覽 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 HTML5預(yù)覽 [2]
