Skip to content
Permalink
Browse files

[e] (0) example for nav of using inline links rather than a list

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=11487

git-svn-id: http://svn.whatwg.org/webapps@5877 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Feb 11, 2011
1 parent de45ffa commit afb9203aa152649c4866b0491df954dc6e66fee8
Showing with 75 additions and 0 deletions.
  1. +25 −0 complete.html
  2. +25 −0 index
  3. +25 −0 source

</div>

<div class=example>

<p>A <code><a href=#the-nav-element>nav</a></code> element doesn't have to contain a list, it
can contain other kinds of content as well. In this navigation
block, links are provided in prose:</p>

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

</div>


<h4 id=the-article-element><span class=secno>4.4.4 </span>The <dfn><code>article</code></dfn> element</h4>

25 index

</div>

<div class=example>

<p>A <code><a href=#the-nav-element>nav</a></code> element doesn't have to contain a list, it
can contain other kinds of content as well. In this navigation
block, links are provided in prose:</p>

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

</div>


<h4 id=the-article-element><span class=secno>4.4.4 </span>The <dfn><code>article</code></dfn> element</h4>

25 source

</div>

<div class="example">

<p>A <code>nav</code> element doesn't have to contain a list, it
can contain other kinds of content as well. In this navigation
block, links are provided in prose:</p>

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

</div>


<h4>The <dfn><code>article</code></dfn> element</h4>

0 comments on commit afb9203

Please sign in to comment.
You can’t perform that action at this time.