HTML5中的nav标签的详解

XML/HTML Code复制内容到剪贴板<h3>gbin1.com文章列表</h3><nav>    <ul>        <li><a href="#html5">HTML5文章介绍</a></li>        <li><a href="#css3">CSS3文章介绍</a></li>        <li><a href="#jquery">jQuery文章介绍</a></li>        <ul></nav>

XML/HTML Code复制内容到剪贴板<h1>雨打浮萍</h1><nav>    <ul>        <li><a href="/">首页</a></li>        <li><a href="#">html+css</a></li>        ...more...       </ul></nav><article>    <header>        <h1>html5语义化标签之结构标签</h1>        <p><span>发表于</span>2011-12-22</p>    </header>    <nav>        <ul>            <li><a href="#">子导航</a></li>            <li><a href="#">子导航</a></li>            ...more...           </ul>    </nav>    <p>        <section id="public">            <h1>section里面仍然可以再用h1标签</h1>            <p>...more...</p>        </section>        <section id="destroy">            <h1>section里面仍然可以再用h1标签</h1>            <p>...more...</p>        </section>        ...more... </p>    <footer>        <p><a href="#">关于我们</a> |               <a href="#">友情链接</a> |               <a href="#">杂七杂八</a></p>    </footer></article><footer>    <p><small>© copyright 2011 </small></p></footer>

XML/HTML Code复制内容到剪贴板<nav>    <h1>Navigation</h1>    <p>You are on my home page. To the north lies           <a href="/blog">my blog</a>, from whence the sounds of battle can be heard. To the east you can see a large mountain,           upon which many           <a href="/school">school papers</a>are littered. Far up thus mountain you can spy a little figure who appears to           be me, desperately scribbling a           <a href="/school/thesis">thesis</a>.</p>    <p>To the west are several exits. One fun-looking exit is labeled           <a href="http://games.example.com/">"games"</a>. Another more boring-looking exit is labeled           <a href="http://isp.example.net/">ISP™</a>.</p>    <p>To the south lies a dark and dank           <a href="/about">contacts page</a>. Cobwebs cover its disused entrance, and at one point you see a rat run quickly           out of the page.</p></nav>