[html5] r6052 - [e] (0) remove <hgroup> from the w3c spec by request of steven faulkner Fixing h [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue May 3 12:37:18 PDT 2011
Author: ianh
Date: 2011-05-03 12:37:17 -0700 (Tue, 03 May 2011)
New Revision: 6052
Modified:
complete.html
index
source
Log:
[e] (0) remove <hgroup> from the w3c spec by request of steven faulkner
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=11828
Modified: complete.html
===================================================================
--- complete.html 2011-05-03 19:23:00 UTC (rev 6051)
+++ complete.html 2011-05-03 19:37:17 UTC (rev 6052)
@@ -9692,6 +9692,7 @@
</body>
</html></pre>
+<!--HGROUP-->
<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
@@ -9712,6 +9713,7 @@
<h2>Leading the way in widget design since 1432</h2>
</hgroup>
...</pre>
+<!--HGROUP-->
<p>In the next example, there is a non-conforming attribute value
("carpet") and a non-conforming attribute ("texture"), which
@@ -10991,7 +10993,9 @@
<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>
+<!--HGROUP-->
<li><code><a href=#the-hgroup-element>hgroup</a></code></li>
+<!--HGROUP-->
<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>
@@ -11091,7 +11095,9 @@
<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>
+<!--HGROUP-->
<li><code><a href=#the-hgroup-element>hgroup</a></code></li>
+<!--HGROUP-->
</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
@@ -11724,8 +11730,10 @@
<tr><td><code><a href=#the-head-element>head</a></code> element
<td>No role
+<!--HGROUP-->
<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>
+<!--HGROUP-->
<tr><td><code><a href=#the-hr-element>hr</a></code> element
<td><code title=attr-aria-role-separator>separator</code> role
@@ -11948,27 +11956,45 @@
<td>If specified, role must be <code title=attr-aria-role-contentinfo>contentinfo</code>
<!--!--><!--(none of the following six rows make any sense since they make the default non-conforming)-->
- <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
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h2</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h3</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h4</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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><!--!-->
<!--!--><!--(none of the preceding six rows make any sense)-->
@@ -16576,6 +16602,7 @@
appropriate only if the element's contents would be listed
explicitly in the document's <a href=#outline>outline</a>.</p>
+<!--HGROUP-->
<div class=example>
<p>In the following example, we see an article (part of a larger
@@ -16605,6 +16632,7 @@
second level, the third level, and so on.</p>
</div>
+<!--HGROUP-->
<div class=example>
@@ -17076,7 +17104,9 @@
<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>
+<!--HGROUP-->
<dd>As a child of an <code><a href=#the-hgroup-element>hgroup</a></code> element.</dd>
+<!--HGROUP-->
<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>
@@ -17133,7 +17163,7 @@
-
+<!--HGROUP-->
<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>
@@ -17200,6 +17230,7 @@
-->
</div>
+<!--HGROUP-->
<h4 id=the-header-element><span class=secno>4.4.8 </span>The <dfn><code>header</code></dfn> element</h4>
@@ -17219,13 +17250,16 @@
</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>
+<!--HGROUP-->
<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>–<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.</p>
+<!--HGROUP-->
+<!--HGROUP-->
<div class=example>
<p>Here are some sample headers. This first one is for a game:</p>
@@ -17261,6 +17295,7 @@
</header></pre>
</div>
+<!--HGROUP-->
<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
@@ -17340,6 +17375,7 @@
<a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element>the body
element</a>, then it applies to the whole page.</p>
+<!--HGROUP-->
<div class=example>
<p>Here is a page with two footers, one at the top and one at the
@@ -17362,6 +17398,7 @@
</body></pre>
</div>
+<!--HGROUP-->
<div class=example>
@@ -17528,8 +17565,10 @@
<h4 id=headings-and-sections><span class=secno>4.4.11 </span><dfn>Headings and sections</dfn></h4>
+<!--HGROUP-->
<p>The <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>h6</a></code> elements and the
<code><a href=#the-hgroup-element>hgroup</a></code> element are headings.</p>
+<!--HGROUP-->
<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
@@ -59150,6 +59189,7 @@
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is a <code><a href=#the-hgroup-element>hgroup</a></code> element</dt>
<dd>
@@ -59169,6 +59209,7 @@
list</var>.</p>
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is an <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>h6</a></code> element</dt>
@@ -59300,6 +59341,7 @@
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is a <code><a href=#the-hgroup-element>hgroup</a></code> element</dt>
<dd>
@@ -59317,6 +59359,7 @@
content</var> be the descendants of the first entry in <var title="">headings list</var>.</p>
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is an <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>h6</a></code> element</dt>
@@ -59327,9 +59370,10 @@
</dd>
- </dl><p class=note>This algorithm differs from the earlier similar
+ </dl><!--HGROUP--><p class=note>This algorithm differs from the earlier similar
algorithm in that it doesn't extract subheadings from
<code><a href=#the-hgroup-element>hgroup</a></code> and it has no default fallback when <var title="">heading</var> is null.</p>
+<!--HGROUP-->
</li>
@@ -80195,7 +80239,10 @@
<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-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-menu-element>menu</a></code>,
+<!--HGROUP-->
+ <code><a href=#the-hgroup-element>hgroup</a></code>,
+<!--HGROUP-->
+ <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
@@ -95001,7 +95048,10 @@
<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><code><a href=#the-hgroup-element>hgroup</a></code>;
+ <td>
+<!--HGROUP-->
+ <code><a href=#the-hgroup-element>hgroup</a></code>;
+<!--HGROUP-->
<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>
@@ -95021,7 +95071,7 @@
<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>
+ </tr><!--HGROUP--><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>;
@@ -95030,7 +95080,7 @@
<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>
+ </tr><!--HGROUP--><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>
<td><a href=#flow-content title="Flow content">flow</a></td>
@@ -95800,7 +95850,9 @@
<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>;
+<!--HGROUP-->
<code><a href=#the-hgroup-element>hgroup</a></code>;
+<!--HGROUP-->
<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>;
@@ -95870,7 +95922,9 @@
<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>;
+<!--HGROUP-->
<code><a href=#the-hgroup-element>hgroup</a></code>
+<!--HGROUP-->
<td>
—
@@ -96057,7 +96111,9 @@
<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>;
+<!--HGROUP-->
<code><a href=#the-hgroup-element>hgroup</a></code>;
+<!--HGROUP-->
<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>;
@@ -97299,8 +97355,10 @@
<tr><td> <code><a href=#the-header-element>header</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
+<!--HGROUP-->
<tr><td> <code><a href=#the-hgroup-element>hgroup</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
+<!--HGROUP-->
<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>
Modified: index
===================================================================
--- index 2011-05-03 19:23:00 UTC (rev 6051)
+++ index 2011-05-03 19:37:17 UTC (rev 6052)
@@ -1336,8 +1336,9 @@
differ in a small number of ways. The main difference is that the
W3C version does not include some newer features, such as:</p>
- <ul class=brief><li>The <code><a href=#peerconnection>PeerConnection</a></code> API and related video-conferencing features.</li> <!--PEERCONTROLLER-->
+ <ul class=brief><li>The <code><a href=#the-hgroup-element>hgroup</a></code> element.</li> <!--HGROUP-->
<li>The <code title=attr-hyperlink-ping><a href=#ping>ping</a></code> attribute and related <a href=#hyperlink-auditing>hyperlink auditing</a> features.</li> <!--PING-->
+ <li>The <code><a href=#peerconnection>PeerConnection</a></code> API and related video-conferencing features.</li> <!--PEERCONTROLLER-->
<li>The <a href=#webvtt>WebVTT</a> format and some <a href=#text-track>text track</a> API features.</li> <!--TTVTT-->
<li>Rules for <a href=#atom>converting HTML to Atom</a>.</li> <!--MD-->
<li>The <code title=dom-document-cssElementMap><a href=#dom-document-csselementmap>cssElementMap</a></code> feature for defining <span title="CSS element reference identifier">CSS element reference identifiers</span>.</li> <!--CSSREF-->
@@ -9717,6 +9718,7 @@
</body>
</html></pre>
+<!--HGROUP-->
<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
@@ -9737,6 +9739,7 @@
<h2>Leading the way in widget design since 1432</h2>
</hgroup>
...</pre>
+<!--HGROUP-->
<p>In the next example, there is a non-conforming attribute value
("carpet") and a non-conforming attribute ("texture"), which
@@ -11016,7 +11019,9 @@
<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>
+<!--HGROUP-->
<li><code><a href=#the-hgroup-element>hgroup</a></code></li>
+<!--HGROUP-->
<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>
@@ -11116,7 +11121,9 @@
<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>
+<!--HGROUP-->
<li><code><a href=#the-hgroup-element>hgroup</a></code></li>
+<!--HGROUP-->
</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
@@ -11749,8 +11756,10 @@
<tr><td><code><a href=#the-head-element>head</a></code> element
<td>No role
+<!--HGROUP-->
<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>
+<!--HGROUP-->
<tr><td><code><a href=#the-hr-element>hr</a></code> element
<td><code title=attr-aria-role-separator>separator</code> role
@@ -11973,27 +11982,45 @@
<td>If specified, role must be <code title=attr-aria-role-contentinfo>contentinfo</code>
<!--!--><!--(none of the following six rows make any sense since they make the default non-conforming)-->
- <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
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h2</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h3</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h4</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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 that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+ <tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> element
+<!--HGROUP-->
+ that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
+<!--HGROUP-->
<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><!--!-->
<!--!--><!--(none of the preceding six rows make any sense)-->
@@ -16601,6 +16628,7 @@
appropriate only if the element's contents would be listed
explicitly in the document's <a href=#outline>outline</a>.</p>
+<!--HGROUP-->
<div class=example>
<p>In the following example, we see an article (part of a larger
@@ -16630,6 +16658,7 @@
second level, the third level, and so on.</p>
</div>
+<!--HGROUP-->
<div class=example>
@@ -17101,7 +17130,9 @@
<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>
+<!--HGROUP-->
<dd>As a child of an <code><a href=#the-hgroup-element>hgroup</a></code> element.</dd>
+<!--HGROUP-->
<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>
@@ -17158,7 +17189,7 @@
-
+<!--HGROUP-->
<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>
@@ -17225,6 +17256,7 @@
-->
</div>
+<!--HGROUP-->
<h4 id=the-header-element><span class=secno>4.4.8 </span>The <dfn><code>header</code></dfn> element</h4>
@@ -17244,13 +17276,16 @@
</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>
+<!--HGROUP-->
<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>–<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.</p>
+<!--HGROUP-->
+<!--HGROUP-->
<div class=example>
<p>Here are some sample headers. This first one is for a game:</p>
@@ -17286,6 +17321,7 @@
</header></pre>
</div>
+<!--HGROUP-->
<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
@@ -17365,6 +17401,7 @@
<a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element>the body
element</a>, then it applies to the whole page.</p>
+<!--HGROUP-->
<div class=example>
<p>Here is a page with two footers, one at the top and one at the
@@ -17387,6 +17424,7 @@
</body></pre>
</div>
+<!--HGROUP-->
<div class=example>
@@ -17553,8 +17591,10 @@
<h4 id=headings-and-sections><span class=secno>4.4.11 </span><dfn>Headings and sections</dfn></h4>
+<!--HGROUP-->
<p>The <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>h6</a></code> elements and the
<code><a href=#the-hgroup-element>hgroup</a></code> element are headings.</p>
+<!--HGROUP-->
<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
@@ -59178,6 +59218,7 @@
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is a <code><a href=#the-hgroup-element>hgroup</a></code> element</dt>
<dd>
@@ -59197,6 +59238,7 @@
list</var>.</p>
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is an <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>h6</a></code> element</dt>
@@ -59328,6 +59370,7 @@
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is a <code><a href=#the-hgroup-element>hgroup</a></code> element</dt>
<dd>
@@ -59345,6 +59388,7 @@
content</var> be the descendants of the first entry in <var title="">headings list</var>.</p>
</dd>
+<!--HGROUP-->
<dt>If <var title="">heading</var> is an <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>h6</a></code> element</dt>
@@ -59355,9 +59399,10 @@
</dd>
- </dl><p class=note>This algorithm differs from the earlier similar
+ </dl><!--HGROUP--><p class=note>This algorithm differs from the earlier similar
algorithm in that it doesn't extract subheadings from
<code><a href=#the-hgroup-element>hgroup</a></code> and it has no default fallback when <var title="">heading</var> is null.</p>
+<!--HGROUP-->
</li>
@@ -76176,7 +76221,10 @@
<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-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-menu-element>menu</a></code>,
+<!--HGROUP-->
+ <code><a href=#the-hgroup-element>hgroup</a></code>,
+<!--HGROUP-->
+ <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
@@ -90982,7 +91030,10 @@
<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><code><a href=#the-hgroup-element>hgroup</a></code>;
+ <td>
+<!--HGROUP-->
+ <code><a href=#the-hgroup-element>hgroup</a></code>;
+<!--HGROUP-->
<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>
@@ -91002,7 +91053,7 @@
<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>
+ </tr><!--HGROUP--><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>;
@@ -91011,7 +91062,7 @@
<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>
+ </tr><!--HGROUP--><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>
<td><a href=#flow-content title="Flow content">flow</a></td>
@@ -91781,7 +91832,9 @@
<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>;
+<!--HGROUP-->
<code><a href=#the-hgroup-element>hgroup</a></code>;
+<!--HGROUP-->
<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>;
@@ -91851,7 +91904,9 @@
<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>;
+<!--HGROUP-->
<code><a href=#the-hgroup-element>hgroup</a></code>
+<!--HGROUP-->
<td>
—
@@ -92038,7 +92093,9 @@
<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>;
+<!--HGROUP-->
<code><a href=#the-hgroup-element>hgroup</a></code>;
+<!--HGROUP-->
<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>;
@@ -93280,8 +93337,10 @@
<tr><td> <code><a href=#the-header-element>header</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
+<!--HGROUP-->
<tr><td> <code><a href=#the-hgroup-element>hgroup</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
+<!--HGROUP-->
<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>
Modified: source
===================================================================
--- source 2011-05-03 19:23:00 UTC (rev 6051)
+++ source 2011-05-03 19:37:17 UTC (rev 6052)
@@ -70,8 +70,9 @@
W3C version does not include some newer features, such as:</p>
<ul class="brief">
+ <li>The <code>hgroup</code> element.</li> <!--HGROUP-->
+ <li>The <code title="attr-hyperlink-ping">ping</code> attribute and related <span>hyperlink auditing</span> features.</li> <!--PING-->
<li>The <code>PeerConnection</code> API and related video-conferencing features.</li> <!--PEERCONTROLLER-->
- <li>The <code title="attr-hyperlink-ping">ping</code> attribute and related <span>hyperlink auditing</span> features.</li> <!--PING-->
<li>The <span>WebVTT</span> format and some <span>text track</span> API features.</li> <!--TTVTT-->
<li>Rules for <a href="#atom">converting HTML to Atom</a>.</li> <!--MD-->
<li>The <code title="dom-document-cssElementMap">cssElementMap</code> feature for defining <span title="CSS element reference identifier">CSS element reference identifiers</span>.</li> <!--CSSREF-->
@@ -9958,6 +9959,7 @@
</body>
</html></pre>
+<!--END w3c-html--><!--HGROUP-->
<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
@@ -9978,6 +9980,7 @@
<h2>Leading the way in widget design since 1432</h2>
</hgroup>
...</pre>
+<!--START w3c-html--><!--HGROUP-->
<p>In the next example, there is a non-conforming attribute value
("carpet") and a non-conforming attribute ("texture"), which
@@ -11404,7 +11407,9 @@
<li><code>h5</code></li>
<li><code>h6</code></li>
<li><code>header</code></li>
+<!--END w3c-html--><!--HGROUP-->
<li><code>hgroup</code></li>
+<!--START w3c-html--><!--HGROUP-->
<li><code>hr</code></li>
<li><code>i</code></li>
<li><code>iframe</code></li>
@@ -11512,7 +11517,9 @@
<li><code>h4</code></li>
<li><code>h5</code></li>
<li><code>h6</code></li>
+<!--END w3c-html--><!--HGROUP-->
<li><code>hgroup</code></li>
+<!--START w3c-html--><!--HGROUP-->
</ul>
@@ -12200,9 +12207,11 @@
<td><code>head</code> element
<td>No role
+<!--END w3c-html--><!--HGROUP-->
<tr>
<td><code>hgroup</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 <span>outline depth</span>
+<!--START w3c-html--><!--HGROUP-->
<tr>
<td><code>hr</code> element
@@ -12499,32 +12508,50 @@
<!--!--><!--(none of the following six rows make any sense since they make the default non-conforming)-->
<tr>
- <td><code>h1</code> element that does not have an <code>hgroup</code> ancestor
+ <td><code>h1</code> element
+<!--END w3c-html--><!--HGROUP-->
+ that does not have an <code>hgroup</code> ancestor
+<!--START w3c-html--><!--HGROUP-->
<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 <span>outline depth</span>
<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>h2</code> element that does not have an <code>hgroup</code> ancestor
+ <td><code>h2</code> element
+<!--END w3c-html--><!--HGROUP-->
+ that does not have an <code>hgroup</code> ancestor
+<!--START w3c-html--><!--HGROUP-->
<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 <span>outline depth</span>
<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>h3</code> element that does not have an <code>hgroup</code> ancestor
+ <td><code>h3</code> element
+<!--END w3c-html--><!--HGROUP-->
+ that does not have an <code>hgroup</code> ancestor
+<!--START w3c-html--><!--HGROUP-->
<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 <span>outline depth</span>
<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>h4</code> element that does not have an <code>hgroup</code> ancestor
+ <td><code>h4</code> element
+<!--END w3c-html--><!--HGROUP-->
+ that does not have an <code>hgroup</code> ancestor
+<!--START w3c-html--><!--HGROUP-->
<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 <span>outline depth</span>
<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>h5</code> element that does not have an <code>hgroup</code> ancestor
+ <td><code>h5</code> element
+<!--END w3c-html--><!--HGROUP-->
+ that does not have an <code>hgroup</code> ancestor
+<!--START w3c-html--><!--HGROUP-->
<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 <span>outline depth</span>
<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>h6</code> element that does not have an <code>hgroup</code> ancestor
+ <td><code>h6</code> element
+<!--END w3c-html--><!--HGROUP-->
+ that does not have an <code>hgroup</code> ancestor
+<!--START w3c-html--><!--HGROUP-->
<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 <span>outline depth</span>
<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><!--!-->
<!--!--><!--(none of the preceding six rows make any sense)-->
@@ -17796,6 +17823,7 @@
appropriate only if the element's contents would be listed
explicitly in the document's <span>outline</span>.</p>
+<!--END w3c-html--><!--HGROUP-->
<div class="example">
<p>In the following example, we see an article (part of a larger
@@ -17825,6 +17853,7 @@
second level, the third level, and so on.</p>
</div>
+<!--START w3c-html--><!--HGROUP-->
<div class="example">
@@ -18312,7 +18341,9 @@
<dd><span>Heading content</span>.</dd>
<dd><span><code title="">formatBlock</code> candidate</span>.</dd>
<dt>Contexts in which this element can be used:</dt>
+<!--END w3c-html--><!--HGROUP-->
<dd>As a child of an <code>hgroup</code> element.</dd>
+<!--START w3c-html--><!--HGROUP-->
<dd>Where <span>flow content</span> is expected.</dd>
<dt>Content model:</dt>
<dd><span>Phrasing content</span>.</dd>
@@ -18371,7 +18402,7 @@
-
+<!--END w3c-html--><!--HGROUP-->
<h4>The <dfn><code>hgroup</code></dfn> element</h4>
<dl class="element">
@@ -18441,6 +18472,7 @@
-->
</div>
+<!--START w3c-html--><!--HGROUP-->
<h4>The <dfn><code>header</code></dfn> element</h4>
@@ -18463,13 +18495,16 @@
<p>The <code>header</code> element <span>represents</span> a group
of introductory or navigational aids.</p>
+<!--END w3c-html--><!--HGROUP-->
<p class="note">A <code>header</code> element is intended to usually
contain the section's heading (an
<code>h1</code>–<code>h6</code> element or an
<code>hgroup</code> element), but this is not required. The
<code>header</code> element can also be used to wrap a section's
table of contents, a search form, or any relevant logos.</p>
+<!--START w3c-html--><!--HGROUP-->
+<!--END w3c-html--><!--HGROUP-->
<div class="example">
<p>Here are some sample headers. This first one is for a game:</p>
@@ -18505,6 +18540,7 @@
</header></pre>
</div>
+<!--START w3c-html--><!--HGROUP-->
<p class="note">The <code>header</code> element is not
<span>sectioning content</span>; it doesn't introduce a new
@@ -18587,6 +18623,7 @@
<span>sectioning root</span> element is <span>the body
element</span>, then it applies to the whole page.</p>
+<!--END w3c-html--><!--HGROUP-->
<div class="example">
<p>Here is a page with two footers, one at the top and one at the
@@ -18609,6 +18646,7 @@
</body></pre>
</div>
+<!--START w3c-html--><!--HGROUP-->
<div class="example">
@@ -18785,8 +18823,10 @@
<h4><dfn>Headings and sections</dfn></h4>
+<!--END w3c-html--><!--HGROUP-->
<p>The <code>h1</code>–<code>h6</code> elements and the
<code>hgroup</code> element are headings.</p>
+<!--START w3c-html--><!--HGROUP-->
<p>The first element of <span>heading content</span> in an element
of <span>sectioning content</span> <span>represents</span> the
@@ -67315,6 +67355,7 @@
</dd>
+<!--END w3c-html--><!--HGROUP-->
<dt>If <var title="">heading</var> is a <code>hgroup</code> element</dt>
<dd>
@@ -67336,6 +67377,7 @@
list</var>.</p>
</dd>
+<!--START w3c-html--><!--HGROUP-->
<dt>If <var title="">heading</var> is an <code>h1</code>–<code>h6</code> element</dt>
@@ -67496,6 +67538,7 @@
</dd>
+<!--END w3c-html--><!--HGROUP-->
<dt>If <var title="">heading</var> is a <code>hgroup</code> element</dt>
<dd>
@@ -67515,6 +67558,7 @@
title="">headings list</var>.</p>
</dd>
+<!--START w3c-html--><!--HGROUP-->
<dt>If <var title="">heading</var> is an <code>h1</code>–<code>h6</code> element</dt>
@@ -67527,10 +67571,12 @@
</dl>
+<!--END w3c-html--><!--HGROUP-->
<p class="note">This algorithm differs from the earlier similar
algorithm in that it doesn't extract subheadings from
<code>hgroup</code> and it has no default fallback when <var
title="">heading</var> is null.</p>
+<!--START w3c-html--><!--HGROUP-->
</li>
@@ -91016,7 +91062,10 @@
<code>fieldset</code>, <code>footer</code>, <code>form</code>,
<code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>,
<code>h5</code>, <code>h6</code>, <code>header</code>,
- <code>hgroup</code>, <code>hr</code>, <code>menu</code>,
+<!--END w3c-html--><!--HGROUP-->
+ <code>hgroup</code>,
+<!--START w3c-html--><!--HGROUP-->
+ <code>hr</code>, <code>menu</code>,
<code>nav</code>, <code>ol</code>, <code>p</code>, <code>pre</code>,
<code>section</code>, <code>table</code>, or <code>ul</code>,
element, or if there is no more content in the parent element and
@@ -107991,7 +108040,10 @@
<td><span title="Flow content">flow</span>;
<span title="Heading content">heading</span>;
<span title="formatBlock candidate"><code title="">formatBlock</code> candidate</span></td>
- <td><code>hgroup</code>;
+ <td>
+<!--END w3c-html--><!--HGROUP-->
+ <code>hgroup</code>;
+<!--START w3c-html--><!--HGROUP-->
<span title="Flow content">flow</span></td>
<td><span title="Phrasing content">phrasing</span></td>
<td><span title="global attributes">globals</span></td>
@@ -108019,6 +108071,7 @@
<td><code>HTMLElement</code></td>
</tr>
+<!--END w3c-html--><!--HGROUP-->
<tr>
<th><code>hgroup</code></th>
<td>heading group</td>
@@ -108030,6 +108083,7 @@
<td><span title="global attributes">globals</span></td>
<td><code>HTMLElement</code></td>
</tr>
+<!--START w3c-html--><!--HGROUP-->
<tr>
<th><code>hr</code></th>
@@ -108994,7 +109048,9 @@
<code>h5</code>;
<code>h6</code>;
<code>header</code>;
+<!--END w3c-html--><!--HGROUP-->
<code>hgroup</code>;
+<!--START w3c-html--><!--HGROUP-->
<code>hr</code>;
<code>i</code>;
<code>iframe</code>;
@@ -109066,7 +109122,9 @@
<code>h4</code>;
<code>h5</code>;
<code>h6</code>;
+<!--END w3c-html--><!--HGROUP-->
<code>hgroup</code>
+<!--START w3c-html--><!--HGROUP-->
<td>
—
@@ -109263,7 +109321,9 @@
<code>h4</code>;
<code>h5</code>;
<code>h6</code>;
+<!--END w3c-html--><!--HGROUP-->
<code>hgroup</code>;
+<!--START w3c-html--><!--HGROUP-->
<code>header</code>;
<code>footer</code>;
<code>address</code>;
@@ -110786,9 +110846,11 @@
<td> <code>header</code>
<td> <code>HTMLElement</code>
+<!--END w3c-html--><!--HGROUP-->
<tr>
<td> <code>hgroup</code>
<td> <code>HTMLElement</code>
+<!--START w3c-html--><!--HGROUP-->
<tr>
<td> <code>hr</code>
More information about the Commit-Watchers
mailing list