hixie: revert change per http://lists.w3.org/Archives/Public/public-html/2011May/0061.html (whatwg r6064)

hixie: revert change per http://lists.w3.org/Archives/Public/public-
html/2011May/0061.html (whatwg r6064)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.4868&r2=1.4869&f=h
http://html5.org/tools/web-apps-tracker?from=6063&to=6064

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.4868
retrieving revision 1.4869
diff -u -d -r1.4868 -r1.4869
--- Overview.html 4 May 2011 19:08:50 -0000 1.4868
+++ Overview.html 4 May 2011 20:21:39 -0000 1.4869
@@ -683,12 +683,13 @@
      <li><a href="#the-article-element"><span class="secno">4.4.4 </span>The <code>article</code> element</a></li>
      <li><a href="#the-aside-element"><span class="secno">4.4.5 </span>The <code>aside</code> element</a></li>
      <li><a href="#the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, and <code>h6</code> elements</a></li>
-     <li><a href="#the-header-element"><span class="secno">4.4.7 </span>The <code>header</code> element</a></li>
-     <li><a href="#the-footer-element"><span class="secno">4.4.8 </span>The <code>footer</code> element</a></li>
-     <li><a href="#the-address-element"><span class="secno">4.4.9 </span>The <code>address</code> element</a></li>
-     <li><a href="#headings-and-sections"><span class="secno">4.4.10 </span>Headings and sections</a>
+     <li><a href="#the-hgroup-element"><span class="secno">4.4.7 </span>The <code>hgroup</code> element</a></li>
+     <li><a href="#the-header-element"><span class="secno">4.4.8 </span>The <code>header</code> element</a></li>
+     <li><a href="#the-footer-element"><span class="secno">4.4.9 </span>The <code>footer</code> element</a></li>
+     <li><a href="#the-address-element"><span class="secno">4.4.10 </span>The <code>address</code> element</a></li>
+     <li><a href="#headings-and-sections"><span class="secno">4.4.11 </span>Headings and sections</a>
       <ol>
-       <li><a href="#outlines"><span class="secno">4.4.10.1 </span>Creating an outline</a></ol></ol></li>
+       <li><a href="#outlines"><span class="secno">4.4.11.1 </span>Creating an outline</a></ol></ol></li>
    <li><a href="#grouping-content"><span class="secno">4.5 </span>Grouping content</a>
     <ol>
      <li><a href="#the-p-element"><span class="secno">4.5.1 </span>The <code>p</code> element</a></li>
@@ -8185,6 +8186,26 @@
  &lt;/body&gt;
 &lt;/html&gt;</pre>
 
+   <p>This next document fragment, intended to represent the heading
+   of a corporate site, is similarly non-conforming because the second
+   line is not intended to be a heading of a subsection, but merely a
+   subheading or subtitle (a subordinate heading for the same
+   section).</p>
+
+   <pre class="bad">&lt;body&gt;
+ &lt;h1&gt;ABC Company&lt;/h1&gt;
+ &lt;h2&gt;Leading the way in widget design since 1432&lt;/h2&gt;
+ ...</pre>
+
+   <p>The <code><a href="#the-hgroup-element">hgroup</a></code> element is intended for these kinds of
+   situations:</p>
+
+   <pre>&lt;body&gt;
+ &lt;hgroup&gt;
+  &lt;h1&gt;ABC Company&lt;/h1&gt;
+  &lt;h2&gt;Leading the way in widget design since 1432&lt;/h2&gt;
+ &lt;/hgroup&gt;
+ ...</pre>
 
    <p>In the next example, there is a non-conforming attribute value
    ("carpet") and a non-conforming attribute ("texture"), which
@@ -9171,6 +9192,7 @@
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code></li>
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></li>
    <li><code><a href="#the-header-element">header</a></code></li>
+   <li><code><a href="#the-hgroup-element">hgroup</a></code></li>
    <li><code><a href="#the-hr-element">hr</a></code></li>
    <li><code><a href="#the-i-element">i</a></code></li>
    <li><code><a href="#the-iframe-element">iframe</a></code></li>
@@ -9244,6 +9266,7 @@
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code></li>
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code></li>
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></li>
+   <li><code><a href="#the-hgroup-element">hgroup</a></code></li>
   </ul><h6 id="phrasing-content-0"><span class="secno">3.2.5.1.5 </span>Phrasing content</h6><p><dfn id="phrasing-content">Phrasing content</dfn> is the text of the document, as well
   as elements that mark up that text at the intra-paragraph
   level. Runs of <a href="#phrasing-content">phrasing content</a> form <a href="#paragraph" title="paragraph">paragraphs</a>.</p><ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
@@ -9688,6 +9711,8 @@
     <tr><td><code><a href="#the-head-element">head</a></code> element
      <td>No role
 
+    <tr><td><code><a href="#the-hgroup-element">hgroup</a></code> element
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
 
     <tr><td><code><a href="#the-hr-element">hr</a></code> element
      <td><code title="attr-aria-role-separator">separator</code> role
@@ -9907,27 +9932,27 @@
      <td>No role
      <td>If specified, role must be <code title="attr-aria-role-contentinfo">contentinfo</code>
 
-    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> element
+    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> element that does not have an <code><a href="#the-hgroup-element">hgroup</a></code> ancestor
      <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
      <td>Role must be either <code title="attr-aria-role-link">link</code>, <code title="attr-aria-role-menuitem">menuitem</code>, <code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code title="attr-aria-role-menuitemradio">menuitemradio</code>, <code title="attr-aria-role-tab">tab</code>, or <code title="attr-aria-role-treeitem">treeitem</code>
 
-    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> element
+    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> element that does not have an <code><a href="#the-hgroup-element">hgroup</a></code> ancestor
      <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
      <td>Role must be either <code title="attr-aria-role-link">link</code>, <code title="attr-aria-role-menuitem">menuitem</code>, <code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code title="attr-aria-role-menuitemradio">menuitemradio</code>, <code title="attr-aria-role-tab">tab</code>, or <code title="attr-aria-role-treeitem">treeitem</code>
 
-    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code> element
+    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code> element that does not have an <code><a href="#the-hgroup-element">hgroup</a></code> ancestor
      <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
      <td>Role must be either <code title="attr-aria-role-link">link</code>, <code title="attr-aria-role-menuitem">menuitem</code>, <code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code title="attr-aria-role-menuitemradio">menuitemradio</code>, <code title="attr-aria-role-tab">tab</code>, or <code title="attr-aria-role-treeitem">treeitem</code>
 
-    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code> element
+    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code> element that does not have an <code><a href="#the-hgroup-element">hgroup</a></code> ancestor
      <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
      <td>Role must be either <code title="attr-aria-role-link">link</code>, <code title="attr-aria-role-menuitem">menuitem</code>, <code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code title="attr-aria-role-menuitemradio">menuitemradio</code>, <code title="attr-aria-role-tab">tab</code>, or <code title="attr-aria-role-treeitem">treeitem</code>
 
-    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code> element
+    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code> element that does not have an <code><a href="#the-hgroup-element">hgroup</a></code> ancestor
      <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
      <td>Role must be either <code title="attr-aria-role-link">link</code>, <code title="attr-aria-role-menuitem">menuitem</code>, <code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code title="attr-aria-role-menuitemradio">menuitemradio</code>, <code title="attr-aria-role-tab">tab</code>, or <code title="attr-aria-role-treeitem">treeitem</code>
 
-    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> element
+    <tr><td><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> element that does not have an <code><a href="#the-hgroup-element">hgroup</a></code> ancestor
      <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
      <td>Role must be either <code title="attr-aria-role-link">link</code>, <code title="attr-aria-role-menuitem">menuitem</code>, <code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code title="attr-aria-role-menuitemradio">menuitemradio</code>, <code title="attr-aria-role-tab">tab</code>, or <code title="attr-aria-role-treeitem">treeitem</code>
 
@@ -13897,6 +13922,34 @@
   appropriate only if the element's contents would be listed
   explicitly in the document's <a href="#outline">outline</a>.<div class="example">
 
+   <p>In the following example, we see an article (part of a larger
+   Web page) about apples, containing two short sections.</p>
+
+   <pre>&lt;article&gt;
+ &lt;hgroup&gt;
+  &lt;h1&gt;Apples&lt;/h1&gt;
+  &lt;h2&gt;Tasty, delicious fruit!&lt;/h2&gt;
+ &lt;/hgroup&gt;
+ &lt;p&gt;The apple is the pomaceous fruit of the apple tree.&lt;/p&gt;
+ &lt;section&gt;
+  &lt;h1&gt;Red Delicious&lt;/h1&gt;
+  &lt;p&gt;These bright red apples are the most common found in many
+  supermarkets.&lt;/p&gt;
+ &lt;/section&gt;
+ &lt;section&gt;
+  &lt;h1&gt;Granny Smith&lt;/h1&gt;
+  &lt;p&gt;These juicy, green apples make a great filling for
+  apple pies.&lt;/p&gt;
+ &lt;/section&gt;
+&lt;/article&gt;</pre>
+
+   <p>Notice how the use of <code><a href="#the-section-element">section</a></code> means that the author
+   can use <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> elements throughout, without having to
+   worry about whether a particular section is at the top level, the
+   second level, the third level, and so on.</p>
+
+  </div><div class="example">
+
    <p>Here is a graduation programme with two sections, one for the
    list of people graduating, and one for the description of the
    ceremony.</p>
@@ -14313,6 +14366,7 @@
    <dd><a href="#heading-content">Heading content</a>.</dd>
    <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
    <dt>Contexts in which this element can be used:</dt>
+   <dd>As a child of an <code><a href="#the-hgroup-element">hgroup</a></code> element.</dd>
    <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
    <dt>Content model:</dt>
    <dd><a href="#phrasing-content">Phrasing content</a>.</dd>
@@ -14359,7 +14413,57 @@
  &lt;/section&gt;
 &lt;/body&gt;</pre>
 
-  </div><h4 id="the-header-element"><span class="secno">4.4.7 </span>The <dfn><code>header</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-hgroup-element"><span class="secno">4.4.7 </span>The <dfn><code>hgroup</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+   <dd><a href="#flow-content">Flow content</a>.</dd>
+   <dd><a href="#heading-content">Heading content</a>.</dd>
+   <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
+   <dt>Contexts in which this element can be used:</dt>
+   <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
+   <dt>Content model:</dt>
+   <dd>One or more <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, and/or <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> elements.</dd>
+   <dt>Content attributes:</dt>
+   <dd><a href="#global-attributes">Global attributes</a></dd>
+   <dt>DOM interface:</dt>
+   <dd>Uses <code><a href="#htmlelement">HTMLElement</a></code>.</dd>
+  </dl><p>The <code><a href="#the-hgroup-element">hgroup</a></code> element <a href="#represents">represents</a> the
+  heading of a section. The element is used to group a set of
+  <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>&ndash;<code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> elements when the heading has
+  multiple levels, such as subheadings, alternative titles, or
+  taglines.<p>For the purposes of document summaries, outlines, and the like,
+  the text of <code><a href="#the-hgroup-element">hgroup</a></code> elements is defined to be the text
+  of the highest <a href="#rank" title="rank">ranked</a>
+  <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>&ndash;<code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> element descendant of the
+  <code><a href="#the-hgroup-element">hgroup</a></code> element, if there are any such elements, and the
+  first such element if there are multiple elements with that
+  <a href="#rank">rank</a>. If there are no such elements, then the text of
+  the <code><a href="#the-hgroup-element">hgroup</a></code> element is the empty string.<p>Other elements of <a href="#heading-content">heading content</a> in the
+  <code><a href="#the-hgroup-element">hgroup</a></code> element indicate subheadings or subtitles.<p>The <a href="#rank">rank</a> of an <code><a href="#the-hgroup-element">hgroup</a></code> element is the
+  rank of the highest-ranked <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>&ndash;<code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>
+  element descendant of the <code><a href="#the-hgroup-element">hgroup</a></code> element, if there are
+  any such elements, or otherwise the same as for an <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>
+  element (the highest rank).<p>The section on <a href="#headings-and-sections">headings and sections</a>
+  defines how <code><a href="#the-hgroup-element">hgroup</a></code> elements are assigned to individual
+  sections.<div class="example">
+
+   <p>Here are some examples of valid headings. In each case, the
+   emphasized text represents the text that would be used as the
+   heading in an application extracting heading data and ignoring
+   subheadings.</p>
+
+   <pre>&lt;hgroup&gt;
+ &lt;h1&gt;<strong>The reality dysfunction</strong>&lt;/h1&gt;
+ &lt;h2&gt;Space is not the only void&lt;/h2&gt;
+&lt;/hgroup&gt;</pre>
+
+   <pre>&lt;hgroup&gt;
+ &lt;h1&gt;<strong>Dr. Strangelove</strong>&lt;/h1&gt;
+ &lt;h2&gt;Or: How I Learned to Stop Worrying and Love the Bomb&lt;/h2&gt;
+&lt;/hgroup&gt;</pre>
+
+  <p>The point of using <code><a href="#the-hgroup-element">hgroup</a></code> in these examples is to
+  mask the <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> element (which acts as a secondary title)
+  from the <a href="#outline">outline</a> algorithm.</p>
+  </div><h4 id="the-header-element"><span class="secno">4.4.8 </span>The <dfn><code>header</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
    <dt>Contexts in which this element can be used:</dt>
@@ -14372,7 +14476,46 @@
    <dt>DOM interface:</dt>
    <dd>Uses <code><a href="#htmlelement">HTMLElement</a></code>.</dd>
   </dl><p>The <code><a href="#the-header-element">header</a></code> element <a href="#represents">represents</a> a group
-  of introductory or navigational aids.<p class="note">The <code><a href="#the-header-element">header</a></code> element is not
+  of introductory or navigational aids.<p class="note">A <code><a href="#the-header-element">header</a></code> element is intended to usually
+  contain the section's heading (an
+  <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>&ndash;<code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> element or an
+  <code><a href="#the-hgroup-element">hgroup</a></code> element), but this is not required. The
+  <code><a href="#the-header-element">header</a></code> element can also be used to wrap a section's
+  table of contents, a search form, or any relevant logos.<div class="example">
+
+  <p>Here are some sample headers. This first one is for a game:</p>
+
+   <pre>&lt;header&gt;
+ &lt;p&gt;Welcome to...&lt;/p&gt;
+ &lt;h1&gt;Voidwars!&lt;/h1&gt;
+&lt;/header&gt;</pre>
+
+   <p>The following snippet shows how the element can be used to mark
+   up a specification's header:</p>
+
+   <pre>&lt;header&gt;
+ &lt;hgroup&gt;
+  &lt;h1&gt;Scalable Vector Graphics (SVG) 1.2&lt;/h1&gt;
+  &lt;h2&gt;W3C Working Draft 27 October 2004&lt;/h2&gt;
+ &lt;/hgroup&gt;
+ &lt;dl&gt;
+  &lt;dt&gt;This version:&lt;/dt&gt;
+  &lt;dd&gt;&lt;a href="http://www.w3.org/TR/2004/WD-SVG12-20041027/"&gt;http://www.w3.org/TR/2004/WD-SVG12-20041027/&lt;/a&gt;&lt;/dd&gt;
+  &lt;dt&gt;Previous version:&lt;/dt&gt;
+  &lt;dd&gt;&lt;a href="http://www.w3.org/TR/2004/WD-SVG12-20040510/"&gt;http://www.w3.org/TR/2004/WD-SVG12-20040510/&lt;/a&gt;&lt;/dd&gt;
+  &lt;dt&gt;Latest version of SVG 1.2:&lt;/dt&gt;
+  &lt;dd&gt;&lt;a href="http://www.w3.org/TR/SVG12/"&gt;http://www.w3.org/TR/SVG12/&lt;/a&gt;&lt;/dd&gt;
+  &lt;dt&gt;Latest SVG Recommendation:&lt;/dt&gt;
+  &lt;dd&gt;&lt;a href="http://www.w3.org/TR/SVG/"&gt;http://www.w3.org/TR/SVG/&lt;/a&gt;&lt;/dd&gt;
+  &lt;dt&gt;Editor:&lt;/dt&gt;
+  &lt;dd&gt;Dean Jackson, W3C, &lt;a href="mailto:dean@w3.org"&gt;dean@w3.org&lt;/a&gt;&lt;/dd&gt;
+  &lt;dt&gt;Authors:&lt;/dt&gt;
+  &lt;dd&gt;See &lt;a href="#authors"&gt;Author List&lt;/a&gt;&lt;/dd&gt;
+ &lt;/dl&gt;
+ &lt;p class="copyright"&gt;&lt;a href="http://www.w3.org/Consortium/Legal/ipr-notic <em>...</em>
+&lt;/header&gt;</pre>
+
+  </div><p class="note">The <code><a href="#the-header-element">header</a></code> element is not
   <a href="#sectioning-content">sectioning content</a>; it doesn't introduce a new
   section.<div class="example">
 
@@ -14403,7 +14546,7 @@
  &lt;!-- this is still part of the subsection entitled "Games" --&gt;
  ...</pre>
 
-  </div><h4 id="the-footer-element"><span class="secno">4.4.8 </span>The <dfn><code>footer</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-footer-element"><span class="secno">4.4.9 </span>The <dfn><code>footer</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
    <dt>Contexts in which this element can be used:</dt>
@@ -14431,6 +14574,27 @@
   <a href="#sectioning-root">sectioning root</a> element is <a href="#the-body-element-0">the body
   element</a>, then it applies to the whole page.<div class="example">
 
+   <p>Here is a page with two footers, one at the top and one at the
+   bottom, with the same content:</p>
+
+   <pre>&lt;body&gt;
+ &lt;footer&gt;&lt;a href="../"&gt;Back to index...&lt;/a&gt;&lt;/footer&gt;
+ &lt;hgroup&gt;
+  &lt;h1&gt;Lorem ipsum&lt;/h1&gt;
+  &lt;h2&gt;The ipsum of all lorems&lt;/h2&gt;
+ &lt;/hgroup&gt;
+ &lt;p&gt;A dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+ veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+ &lt;footer&gt;&lt;a href="../"&gt;Back to index...&lt;/a&gt;&lt;/footer&gt;
+&lt;/body&gt;</pre>
+
+  </div><div class="example">
+
    <p>Here is an example which shows the <code><a href="#the-footer-element">footer</a></code> element
    being used both for a site-wide footer and for a section
    footer.</p>
@@ -14469,7 +14633,7 @@
 &lt;/BODY&gt;
 &lt;/HTML&gt;</pre>
 
-  </div><h4 id="the-address-element"><span class="secno">4.4.9 </span>The <dfn><code>address</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-address-element"><span class="secno">4.4.10 </span>The <dfn><code>address</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
    <dt>Contexts in which this element can be used:</dt>
@@ -14569,7 +14733,8 @@
  &lt;p&gt;&lt;small&gt;&copy; copyright 2038 Example Corp.&lt;/small&gt;&lt;/p&gt;
 &lt;/footer&gt;</pre>
 
-  </div><h4 id="headings-and-sections"><span class="secno">4.4.10 </span><dfn>Headings and sections</dfn></h4><p>The first element of <a href="#heading-content">heading content</a> in an element
+  </div><h4 id="headings-and-sections"><span class="secno">4.4.11 </span><dfn>Headings and sections</dfn></h4><p>The <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>&ndash;<code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> elements and the
+  <code><a href="#the-hgroup-element">hgroup</a></code> element are headings.<p>The first element of <a href="#heading-content">heading content</a> in an element
   of <a href="#sectioning-content">sectioning content</a> <a href="#represents">represents</a> the
   heading for that section. Subsequent headings of equal or higher
   <a href="#rank">rank</a> start new (implied) sections, headings of lower
@@ -14686,7 +14851,7 @@
  &lt;/section&gt;
 &lt;/body&gt;</pre>
 
-  </div><h5 id="outlines"><span class="secno">4.4.10.1 </span>Creating an outline</h5><div class="impl">
+  </div><h5 id="outlines"><span class="secno">4.4.11.1 </span>Creating an outline</h5><div class="impl">
 
   
   <p>This section defines an algorithm for creating an outline for a
@@ -54122,7 +54287,7 @@
   <code><a href="#the-fieldset-element">fieldset</a></code>, <code><a href="#the-footer-element">footer</a></code>, <code><a href="#the-form-element">form</a></code>,
   <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>,
   <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="#the-header-element">header</a></code>,
-  <code><a href="#the-hr-element">hr</a></code>, <code><a href="#the-menu-element">menu</a></code>,
+  <code><a href="#the-hgroup-element">hgroup</a></code>, <code><a href="#the-hr-element">hr</a></code>, <code><a href="#the-menu-element">menu</a></code>,
   <code><a href="#the-nav-element">nav</a></code>, <code><a href="#the-ol-element">ol</a></code>, <code><a href="#the-p-element">p</a></code>, <code><a href="#the-pre-element">pre</a></code>,
   <code><a href="#the-section-element">section</a></code>, <code><a href="#the-table-element">table</a></code>, or <code><a href="#the-ul-element">ul</a></code>,
   element, or if there is no more content in the parent element and
@@ -55346,7 +55511,7 @@
    <code><a href="#frame">frame</a></code>, <code><a href="#frameset">frameset</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>,
    <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>,
    <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="#the-head-element">head</a></code>, <code><a href="#the-header-element">header</a></code>,
-   <code>hgroup</code>, <code><a href="#the-hr-element">hr</a></code>, <code><a href="#the-html-element">html</a></code>,
+   <code><a href="#the-hgroup-element">hgroup</a></code>, <code><a href="#the-hr-element">hr</a></code>, <code><a href="#the-html-element">html</a></code>,
    <code><a href="#the-iframe-element">iframe</a></code>,  <code><a href="#the-img-element">img</a></code>, <code><a href="#the-input-element">input</a></code>,
    <code><a href="#isindex-0">isindex</a></code>, <code><a href="#the-li-element">li</a></code>, <code><a href="#the-link-element">link</a></code>,
    <code><a href="#listing">listing</a></code>, <code><a href="#the-marquee-element">marquee</a></code>, <code><a href="#the-menu-element">menu</a></code>,
@@ -67933,7 +68098,7 @@
      <td><a href="#flow-content" title="Flow content">flow</a>;
          <a href="#heading-content" title="Heading content">heading</a>;
          <a href="#formatblock-candidate" title="formatBlock candidate"><code title="">formatBlock</code> candidate</a></td>
-     <td>
+     <td><code><a href="#the-hgroup-element">hgroup</a></code>;
          <a href="#flow-content" title="Flow content">flow</a></td>
      <td><a href="#phrasing-content" title="Phrasing content">phrasing</a></td>
      <td><a href="#global-attributes" title="global attributes">globals</a></td>
@@ -67953,6 +68118,15 @@
      <td><a href="#flow-content" title="Flow content">flow</a>*</td>
      <td><a href="#global-attributes" title="global attributes">globals</a></td>
      <td><code><a href="#htmlelement">HTMLElement</a></code></td>
+    <tr><th><code><a href="#the-hgroup-element">hgroup</a></code></th>
+     <td>heading group</td>
+     <td><a href="#flow-content" title="Flow content">flow</a>;
+         <a href="#heading-content" title="Heading content">heading</a>;
+         <a href="#formatblock-candidate" title="formatBlock candidate"><code title="">formatBlock</code> candidate</a></td>
+     <td><a href="#flow-content" title="Flow content">flow</a></td>
+     <td>One or more <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, and/or <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></td>
+     <td><a href="#global-attributes" title="global attributes">globals</a></td>
+     <td><code><a href="#htmlelement">HTMLElement</a></code></td>
     <tr><th><code><a href="#the-hr-element">hr</a></code></th>
      <td>Thematic break</td>
      <td><a href="#flow-content" title="Flow content">flow</a></td>
@@ -68712,6 +68886,7 @@
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>;
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>;
       <code><a href="#the-header-element">header</a></code>;
+      <code><a href="#the-hgroup-element">hgroup</a></code>;
       <code><a href="#the-hr-element">hr</a></code>;
       <code><a href="#the-i-element">i</a></code>;
       <code><a href="#the-iframe-element">iframe</a></code>;
@@ -68777,6 +68952,7 @@
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>;
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>;
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>;
+      <code><a href="#the-hgroup-element">hgroup</a></code>
      <td>
       &mdash;
 
@@ -68955,6 +69131,7 @@
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>;
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>;
       <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>;
+      <code><a href="#the-hgroup-element">hgroup</a></code>;
       <code><a href="#the-header-element">header</a></code>;
       <code><a href="#the-footer-element">footer</a></code>;
       <code><a href="#the-address-element">address</a></code>;
@@ -70130,6 +70307,8 @@
     <tr><td> <code><a href="#the-header-element">header</a></code>
      <td> <code><a href="#htmlelement">HTMLElement</a></code>
 
+    <tr><td> <code><a href="#the-hgroup-element">hgroup</a></code>
+     <td> <code><a href="#htmlelement">HTMLElement</a></code>
 
     <tr><td> <code><a href="#the-hr-element">hr</a></code>
      <td> <code><a href="#htmlhrelement">HTMLHRElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>

Received on Wednesday, 4 May 2011 20:24:23 UTC