Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) Poke around at the <nav> section to make it clearer.
git-svn-id: http://svn.whatwg.org/webapps@3393 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Jul 13, 2009
1 parent 9144361 commit d2e9a9a
Show file tree
Hide file tree
Showing 2 changed files with 100 additions and 6 deletions.
53 changes: 50 additions & 3 deletions index
Expand Up @@ -11955,10 +11955,11 @@ not-slash = %x0000-002E / %x0030-%10FFFF
a page that links to other pages or to parts within the page: a
section with navigation links. Not all groups of links on a page
need to be in a <code><a href=#the-nav-element>nav</a></code> element &mdash; only sections that
consist of primary navigation blocks are appropriate for the
consist of major navigation blocks are appropriate for the
<code><a href=#the-nav-element>nav</a></code> element. In particular, it is common for footers to
have a list of links to various key parts of a site, but the
<code><a href=#the-footer-element>footer</a></code> element is more appropriate in such cases.</p>
<code><a href=#the-footer-element>footer</a></code> element is more appropriate in such cases, and
no <code><a href=#the-nav-element>nav</a></code> element is necessary for those links.</p>

<div class=example>

Expand All @@ -11983,7 +11984,7 @@ not-slash = %x0000-002E / %x0030-%10FFFF
&lt;/nav&gt;
&lt;/header&gt;
&lt;article&gt;
&lt;p&gt;...<em>page content would be here</em>...&lt;/p&gt;
&lt;p&gt;<em>...page content would be here...</em>&lt;/p&gt;
&lt;/article&gt;
&lt;footer&gt;
&lt;p&gt;Copyright &copy; 2006 The Example Company&lt;/p&gt;
Expand All @@ -11995,6 +11996,52 @@ not-slash = %x0000-002E / %x0030-%10FFFF

</div>

<div class=example>

<p>In the following example, there are two <code><a href=#the-nav-element>nav</a></code>
elements, one for primary navigation around the site, and one for
secondary navigation around the page itself.</p>

<pre>&lt;body&gt;
&lt;h1&gt;The Wiki Center Of Exampland&lt;/h1&gt;
&lt;nav&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="/events"&gt;Current Events&lt;/a&gt;&lt;/li&gt;
<em>...more...</em>
&lt;/ul&gt;
&lt;/nav&gt;
&lt;article&gt;
&lt;header&gt;
&lt;h1&gt;Demos in Exampland&lt;/h1&gt;
&lt;nav&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#public"&gt;Public demonstrations&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#destroy"&gt;Demolitions&lt;/a&gt;&lt;/li&gt;
<em>...more...</em>
&lt;/ul&gt;
&lt;/nav&gt;
&lt;/header&gt;
&lt;section id="public"&gt;
&lt;h1&gt;Public demonstrations&lt;/h1&gt;
&lt;p&gt;<em>...more...</em>&lt;/p&gt;
&lt;/section&gt;
&lt;section id="destroy"&gt;
&lt;h1&gt;Demolitions&lt;/h1&gt;
&lt;p&gt;<em>...more...</em>&lt;/p&gt;
&lt;/section&gt;
<em>...more...</em>
&lt;footer&gt;
&lt;p&gt;&lt;a href="?edit"&gt;Edit&lt;/a&gt; | &lt;a href="?delete"&gt;Delete&lt;/a&gt; | &lt;a href="?Rename"&gt;Rename&lt;/a&gt;&lt;/p&gt;
&lt;/footer&gt;
&lt;/article&gt;
&lt;footer&gt;
&lt;p&gt;&lt;small&gt;&copy; copyright 1998 Exampland Emperor&lt;/small&gt;&lt;/p&gt;
&lt;/footer&gt;
&lt;/body&gt;</pre>

</div>


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

Expand Down
53 changes: 50 additions & 3 deletions source
Expand Up @@ -12665,10 +12665,11 @@ not-slash = %x0000-002E / %x0030-%10FFFF
a page that links to other pages or to parts within the page: a
section with navigation links. Not all groups of links on a page
need to be in a <code>nav</code> element &mdash; only sections that
consist of primary navigation blocks are appropriate for the
consist of major navigation blocks are appropriate for the
<code>nav</code> element. In particular, it is common for footers to
have a list of links to various key parts of a site, but the
<code>footer</code> element is more appropriate in such cases.</p>
<code>footer</code> element is more appropriate in such cases, and
no <code>nav</code> element is necessary for those links.</p>

<div class="example">

Expand All @@ -12693,7 +12694,7 @@ not-slash = %x0000-002E / %x0030-%10FFFF
&lt;/nav>
&lt;/header>
&lt;article>
&lt;p>...<em>page content would be here</em>...&lt;/p>
&lt;p><em>...page content would be here...</em>&lt;/p>
&lt;/article>
&lt;footer>
&lt;p>Copyright &copy; 2006 The Example Company&lt;/p>
Expand All @@ -12705,6 +12706,52 @@ not-slash = %x0000-002E / %x0030-%10FFFF

</div>

<div class="example">

<p>In the following example, there are two <code>nav</code>
elements, one for primary navigation around the site, and one for
secondary navigation around the page itself.</p>

<pre>&lt;body>
&lt;h1>The Wiki Center Of Exampland&lt;/h1>
&lt;nav>
&lt;ul>
&lt;li>&lt;a href="/">Home&lt;/a>&lt;/li>
&lt;li>&lt;a href="/events">Current Events&lt;/a>&lt;/li>
<em>...more...</em>
&lt;/ul>
&lt;/nav>
&lt;article>
&lt;header>
&lt;h1>Demos in Exampland&lt;/h1>
&lt;nav>
&lt;ul>
&lt;li>&lt;a href="#public">Public demonstrations&lt;/a>&lt;/li>
&lt;li>&lt;a href="#destroy">Demolitions&lt;/a>&lt;/li>
<em>...more...</em>
&lt;/ul>
&lt;/nav>
&lt;/header>
&lt;section id="public">
&lt;h1>Public demonstrations&lt;/h1>
&lt;p><em>...more...</em>&lt;/p>
&lt;/section>
&lt;section id="destroy">
&lt;h1>Demolitions&lt;/h1>
&lt;p><em>...more...</em>&lt;/p>
&lt;/section>
<em>...more...</em>
&lt;footer>
&lt;p>&lt;a href="?edit">Edit&lt;/a> | &lt;a href="?delete">Delete&lt;/a> | &lt;a href="?Rename">Rename&lt;/a>&lt;/p>
&lt;/footer>
&lt;/article>
&lt;footer>
&lt;p>&lt;small>&copy; copyright 1998 Exampland Emperor&lt;/small>&lt;/p>
&lt;/footer>
&lt;/body></pre>

</div>


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

Expand Down

0 comments on commit d2e9a9a

Please sign in to comment.