[html5] r3393 - [e] (0) Poke around at the <nav> section to make it clearer.

whatwg at whatwg.org whatwg at whatwg.org
Mon Jul 13 03:37:23 PDT 2009


Author: ianh
Date: 2009-07-13 03:37:21 -0700 (Mon, 13 Jul 2009)
New Revision: 3393

Modified:
   index
   source
Log:
[e] (0) Poke around at the <nav> section to make it clearer.

Modified: index
===================================================================
--- index	2009-07-13 09:26:10 UTC (rev 3392)
+++ index	2009-07-13 10:37:21 UTC (rev 3393)
@@ -11955,10 +11955,11 @@
   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 — 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>
 
@@ -11983,7 +11984,7 @@
   </nav>
  </header>
  <article>
-  <p>...<em>page content would be here</em>...</p>
+  <p><em>...page content would be here...</em></p>
  </article>
  <footer>
   <p>Copyright © 2006 The Example Company</p>
@@ -11995,7 +11996,53 @@
 
   </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><body>
+ <h1>The Wiki Center Of Exampland</h1>
+ <nav>
+  <ul>
+   <li><a href="/">Home</a></li>
+   <li><a href="/events">Current Events</a></li>
+   <em>...more...</em>
+  </ul>
+ </nav>
+ <article>
+  <header>
+   <h1>Demos in Exampland</h1>
+   <nav>
+    <ul>
+     <li><a href="#public">Public demonstrations</a></li>
+     <li><a href="#destroy">Demolitions</a></li>
+     <em>...more...</em>
+    </ul>
+   </nav>
+  </header>
+  <section id="public">
+   <h1>Public demonstrations</h1>
+   <p><em>...more...</em></p>
+  </section>
+  <section id="destroy">
+   <h1>Demolitions</h1>
+   <p><em>...more...</em></p>
+  </section>
+  <em>...more...</em>
+  <footer>
+   <p><a href="?edit">Edit</a> | <a href="?delete">Delete</a> | <a href="?Rename">Rename</a></p>
+  </footer>
+ </article>
+ <footer>
+  <p><small>© copyright 1998 Exampland Emperor</small></p>
+ </footer>
+</body></pre>
+
+  </div>
+
+
   <h4 id=the-article-element><span class=secno>4.4.4 </span>The <dfn><code>article</code></dfn> element</h4>
 
   <dl class=element><dt>Categories</dt>

Modified: source
===================================================================
--- source	2009-07-13 09:26:10 UTC (rev 3392)
+++ source	2009-07-13 10:37:21 UTC (rev 3393)
@@ -12665,10 +12665,11 @@
   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 — 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">
 
@@ -12693,7 +12694,7 @@
   </nav>
  </header>
  <article>
-  <p>...<em>page content would be here</em>...</p>
+  <p><em>...page content would be here...</em></p>
  </article>
  <footer>
   <p>Copyright © 2006 The Example Company</p>
@@ -12705,7 +12706,53 @@
 
   </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><body>
+ <h1>The Wiki Center Of Exampland</h1>
+ <nav>
+  <ul>
+   <li><a href="/">Home</a></li>
+   <li><a href="/events">Current Events</a></li>
+   <em>...more...</em>
+  </ul>
+ </nav>
+ <article>
+  <header>
+   <h1>Demos in Exampland</h1>
+   <nav>
+    <ul>
+     <li><a href="#public">Public demonstrations</a></li>
+     <li><a href="#destroy">Demolitions</a></li>
+     <em>...more...</em>
+    </ul>
+   </nav>
+  </header>
+  <section id="public">
+   <h1>Public demonstrations</h1>
+   <p><em>...more...</em></p>
+  </section>
+  <section id="destroy">
+   <h1>Demolitions</h1>
+   <p><em>...more...</em></p>
+  </section>
+  <em>...more...</em>
+  <footer>
+   <p><a href="?edit">Edit</a> | <a href="?delete">Delete</a> | <a href="?Rename">Rename</a></p>
+  </footer>
+ </article>
+ <footer>
+  <p><small>© copyright 1998 Exampland Emperor</small></p>
+ </footer>
+</body></pre>
+
+  </div>
+
+
   <h4>The <dfn><code>article</code></dfn> element</h4>
 
   <dl class="element">




More information about the Commit-Watchers mailing list