hixie: Make <wbr> valid. (whatwg r4956) from poot on 2010-04-02 (public-html-diffs@w3.org from April 2010)

From: poot <cvsmail@w3.org>
Date: Fri, 2 Apr 2010 16:16:53 +0900 (JST)
To: public-html-diffs@w3.org
Message-Id: <20100402071654.014FC2BC52@toro.w3.mag.keio.ac.jp>
hixie: Make <wbr> valid. (whatwg r4956)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.3977&r2=1.3978&f=h
http://html5.org/tools/web-apps-tracker?from=4955&to=4956

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.3977
retrieving revision 1.3978
diff -u -d -r1.3977 -r1.3978
--- Overview.html 2 Apr 2010 06:31:01 -0000 1.3977
+++ Overview.html 2 Apr 2010 07:16:30 -0000 1.3978
@@ -600,17 +600,18 @@
      <li><a href="#the-p-element"><span class="secno">4.5.1 </span>The <code>p</code> element</a></li>
      <li><a href="#the-hr-element"><span class="secno">4.5.2 </span>The <code>hr</code> element</a></li>
      <li><a href="#the-br-element"><span class="secno">4.5.3 </span>The <code>br</code> element</a></li>
-     <li><a href="#the-pre-element"><span class="secno">4.5.4 </span>The <code>pre</code> element</a></li>
-     <li><a href="#the-blockquote-element"><span class="secno">4.5.5 </span>The <code>blockquote</code> element</a></li>
-     <li><a href="#the-ol-element"><span class="secno">4.5.6 </span>The <code>ol</code> element</a></li>
-     <li><a href="#the-ul-element"><span class="secno">4.5.7 </span>The <code>ul</code> element</a></li>
-     <li><a href="#the-li-element"><span class="secno">4.5.8 </span>The <code>li</code> element</a></li>
-     <li><a href="#the-dl-element"><span class="secno">4.5.9 </span>The <code>dl</code> element</a></li>
-     <li><a href="#the-dt-element"><span class="secno">4.5.10 </span>The <code>dt</code> element</a></li>
-     <li><a href="#the-dd-element"><span class="secno">4.5.11 </span>The <code>dd</code> element</a></li>
-     <li><a href="#the-figure-element"><span class="secno">4.5.12 </span>The <code>figure</code> element</a></li>
-     <li><a href="#the-figcaption-element"><span class="secno">4.5.13 </span>The <code>figcaption</code> element</a></li>
-     <li><a href="#the-div-element"><span class="secno">4.5.14 </span>The <code>div</code> element</a></ol></li>
+     <li><a href="#the-wbr-element"><span class="secno">4.5.4 </span>The <code>wbr</code> element</a></li>
+     <li><a href="#the-pre-element"><span class="secno">4.5.5 </span>The <code>pre</code> element</a></li>
+     <li><a href="#the-blockquote-element"><span class="secno">4.5.6 </span>The <code>blockquote</code> element</a></li>
+     <li><a href="#the-ol-element"><span class="secno">4.5.7 </span>The <code>ol</code> element</a></li>
+     <li><a href="#the-ul-element"><span class="secno">4.5.8 </span>The <code>ul</code> element</a></li>
+     <li><a href="#the-li-element"><span class="secno">4.5.9 </span>The <code>li</code> element</a></li>
+     <li><a href="#the-dl-element"><span class="secno">4.5.10 </span>The <code>dl</code> element</a></li>
+     <li><a href="#the-dt-element"><span class="secno">4.5.11 </span>The <code>dt</code> element</a></li>
+     <li><a href="#the-dd-element"><span class="secno">4.5.12 </span>The <code>dd</code> element</a></li>
+     <li><a href="#the-figure-element"><span class="secno">4.5.13 </span>The <code>figure</code> element</a></li>
+     <li><a href="#the-figcaption-element"><span class="secno">4.5.14 </span>The <code>figcaption</code> element</a></li>
+     <li><a href="#the-div-element"><span class="secno">4.5.15 </span>The <code>div</code> element</a></ol></li>
    <li><a href="#text-level-semantics"><span class="secno">4.6 </span>Text-level semantics</a>
     <ol>
      <li><a href="#the-a-element"><span class="secno">4.6.1 </span>The <code>a</code> element</a></li>
@@ -8231,6 +8232,7 @@
    <li><code><a href="#the-ul-element">ul</a></code></li>
    <li><code><a href="#the-var-element">var</a></code></li>
    <li><code><a href="#video">video</a></code></li>
+   <li><code><a href="#the-wbr-element">wbr</a></code></li>
    <li><a href="#text-content" title="text content">Text</a></li>
   </ul><p>As a general rule, elements whose content model allows any
   <a href="#flow-content">flow content</a> should have either at least one descendant
@@ -8311,6 +8313,7 @@
    <li><code><a href="#the-time-element">time</a></code></li>
    <li><code><a href="#the-var-element">var</a></code></li>
    <li><code><a href="#video">video</a></code></li>
+   <li><code><a href="#the-wbr-element">wbr</a></code></li>
    <li><a href="#text-content" title="text content">Text</a></li>
   </ul><p>As a general rule, elements whose content model allows any
   <a href="#phrasing-content">phrasing content</a> should have either at least one
@@ -13875,7 +13878,35 @@
   <p>A <code><a href="#the-br-element">br</a></code> element does not separate paragraphs for the
   purposes of the Unicode bidirectional algorithm. <a href="#refsBIDI">[BIDI]</a></p>
 
-  </div><h4 id="the-pre-element"><span class="secno">4.5.4 </span>The <dfn><code>pre</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-wbr-element"><span class="secno">4.5.4 </span>The <dfn><code>wbr</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+   <dd><a href="#flow-content">Flow content</a>.</dd>
+   <dd><a href="#phrasing-content">Phrasing content</a>.</dd>
+   <dt>Contexts in which this element may be used:</dt>
+   <dd>Where <a href="#phrasing-content">phrasing content</a> is expected.</dd>
+   <dt>Content model:</dt>
+   <dd>Empty.</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-wbr-element">wbr</a></code> element <a href="#represents">represents</a> a line break
+  opportunity.<div class="example">
+
+   <p>In the following example, someone is quoted as saying something
+   which, for effect, is written as one long word. However, to ensure
+   that the text can be wrapped in a readable fashion, the individual
+   words in the quote are separated using a <code><a href="#the-wbr-element">wbr</a></code>
+   element.</p>
+
+   <pre>&lt;p&gt;So then he pointed at the tiger and screamed
+"there&lt;wbr&gt;is&lt;wbr&gt;no&lt;wbr&gt;way&lt;wbr&gt;you&lt;wbr&gt;are&lt;wbr&gt;ever&lt;wbr&gt;going&lt;wbr&gt;to&lt;wbr&gt;catch&lt;wbr&gt;me"!&lt;/p&gt;</pre>
+
+  </div><div class="impl">
+
+  <p>Any content inside <code><a href="#the-wbr-element">wbr</a></code> elements must not be
+  considered part of the surrounding text.</p>
+
+  </div><h4 id="the-pre-element"><span class="secno">4.5.5 </span>The <dfn><code>pre</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><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 may be used:</dt>
@@ -13960,7 +13991,7 @@
 
 ~cdr 11dec07&lt;/pre&gt;</pre>
 
-  </div><h4 id="the-blockquote-element"><span class="secno">4.5.5 </span>The <dfn><code>blockquote</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-blockquote-element"><span class="secno">4.5.6 </span>The <dfn><code>blockquote</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#sectioning-root">Sectioning root</a>.</dd>
    <dd><a href="#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
@@ -14051,7 +14082,7 @@
   </div><p class="note"><a href="#conversations">Examples of how to
   represent a conversation</a> are shown in a later section; it is not
   appropriate to use the <code><a href="#the-cite-element">cite</a></code> and <code><a href="#the-blockquote-element">blockquote</a></code>
-  elements for this purpose.<h4 id="the-ol-element"><span class="secno">4.5.6 </span>The <dfn><code>ol</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  elements for this purpose.<h4 id="the-ol-element"><span class="secno">4.5.7 </span>The <dfn><code>ol</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
@@ -14136,7 +14167,7 @@
  &lt;li&gt;Norway
 &lt;/ol&gt;</pre>
 
-  </div><h4 id="the-ul-element"><span class="secno">4.5.7 </span>The <dfn><code>ul</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-ul-element"><span class="secno">4.5.8 </span>The <dfn><code>ul</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
@@ -14182,7 +14213,7 @@
  &lt;li&gt;United States
 &lt;/ul&gt;</pre>
 
-  </div><h4 id="the-li-element"><span class="secno">4.5.8 </span>The <dfn><code>li</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-li-element"><span class="secno">4.5.9 </span>The <dfn><code>li</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd>None.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Inside <code><a href="#the-ol-element">ol</a></code> elements.</dd>
@@ -14266,7 +14297,7 @@
   <code><a href="#menus">menu</a></code> element and itself has a child that defines a
   <a href="#concept-command" title="concept-command">command</a>, then the
   <code><a href="#the-li-element">li</a></code> element will match the <code title="selector-enabled"><a href="#selector-enabled">:enabled</a></code> and <code title="selector-disabled"><a href="#selector-disabled">:disabled</a></code> pseudo-classes in the
-  same way as the first such child element does.<h4 id="the-dl-element"><span class="secno">4.5.9 </span>The <dfn><code>dl</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  same way as the first such child element does.<h4 id="the-dl-element"><span class="secno">4.5.10 </span>The <dfn><code>dl</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
@@ -14391,7 +14422,7 @@
 &lt;/dl&gt;</pre>
   </div><p class="note">The <code><a href="#the-dl-element">dl</a></code> element is inappropriate for
   marking up dialogue. <a href="#conversations">Examples of how to
-  mark up dialogue</a> are shown below.<h4 id="the-dt-element"><span class="secno">4.5.10 </span>The <dfn><code>dt</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  mark up dialogue</a> are shown below.<h4 id="the-dt-element"><span class="secno">4.5.11 </span>The <dfn><code>dt</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd>None.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Before <code><a href="#the-dd-element">dd</a></code> or <code><a href="#the-dt-element">dt</a></code> elements inside <code><a href="#the-dl-element">dl</a></code> elements.</dd>
@@ -14424,7 +14455,7 @@
  &lt;/dl&gt;
 &lt;/article&gt;</pre>
 
-  </div><h4 id="the-dd-element"><span class="secno">4.5.11 </span>The <dfn><code>dd</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-dd-element"><span class="secno">4.5.12 </span>The <dfn><code>dd</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd>None.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>After <code><a href="#the-dt-element">dt</a></code> or <code><a href="#the-dd-element">dd</a></code> elements inside <code><a href="#the-dl-element">dl</a></code> elements.</dd>
@@ -14455,7 +14486,7 @@
  &lt;dd&gt;&lt;i class="part-of-speech"&gt;&lt;abbr&gt;v.intr.&lt;/abbr&gt;&lt;/i&gt; To be delighted oneself.&lt;/dd&gt;
  &lt;dd&gt;&lt;i class="part-of-speech"&gt;&lt;abbr&gt;v.tr.&lt;/abbr&gt;&lt;/i&gt; To cause one to be delighted.&lt;/dd&gt;
 &lt;/dl&gt;</pre>
-  </div><h4 id="the-figure-element"><span class="secno">4.5.12 </span>The <dfn><code>figure</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/90">ISSUE-90</a> (figure) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-figure-element"><span class="secno">4.5.13 </span>The <dfn><code>figure</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/90">ISSUE-90</a> (figure) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#sectioning-root">Sectioning root</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
@@ -14566,7 +14597,7 @@
  &lt;figcaption&gt;The castle through the ages: 1423, 1858, and 1999 respectively.&lt;/figcaption&gt;
 &lt;/figure&gt;</pre>
 
-  </div><h4 id="the-figcaption-element"><span class="secno">4.5.13 </span>The <dfn><code>figcaption</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+  </div><h4 id="the-figcaption-element"><span class="secno">4.5.14 </span>The <dfn><code>figcaption</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
    <dd>None.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>As the first or last child of a <code><a href="#the-figure-element">figure</a></code> element.</dd>
@@ -14579,7 +14610,7 @@
   </dl><p>The <code><a href="#the-figcaption-element">figcaption</a></code> element <a href="#represents">represents</a> a
   caption or legend for the rest of the contents of the
   <code><a href="#the-figcaption-element">figcaption</a></code> element's parent <code><a href="#the-figure-element">figure</a></code>
-  element<span class="impl">, if any</span>.<h4 id="the-div-element"><span class="secno">4.5.14 </span>The <dfn><code>div</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  element<span class="impl">, if any</span>.<h4 id="the-div-element"><span class="secno">4.5.15 </span>The <dfn><code>div</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><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 may be used:</dt>
@@ -51274,7 +51305,7 @@
    <code><a href="#the-col-element">col</a></code>, <code><a href="#the-command">command</a></code>, <code><a href="#the-embed-element">embed</a></code>,
    <code><a href="#the-hr-element">hr</a></code>, <code><a href="#the-img-element">img</a></code>, <code><a href="#the-input-element">input</a></code>,
    <code><a href="#the-keygen-element">keygen</a></code>, <code><a href="#the-link-element">link</a></code>, <code><a href="#meta">meta</a></code>,
-   <code><a href="#the-param-element">param</a></code>, <code><a href="#the-source-element">source</a></code></dd>
+   <code><a href="#the-param-element">param</a></code>, <code><a href="#the-source-element">source</a></code>, <code><a href="#the-wbr-element">wbr</a></code></dd>
 
    <dt><dfn id="raw-text-elements">Raw text elements</dfn></dt>
 
@@ -52877,7 +52908,7 @@
    <code><a href="#the-select-element">select</a></code>, <code><a href="#the-style-element">style</a></code>, <code><a href="#the-tbody-element">tbody</a></code>,
    <code><a href="#the-textarea-element">textarea</a></code>, <code><a href="#the-tfoot-element">tfoot</a></code>, <code><a href="#the-thead-element">thead</a></code>,
    <code><a href="#the-title-element-0">title</a></code>, <code><a href="#the-tr-element">tr</a></code>, <code><a href="#the-ul-element">ul</a></code>,
-   <code><a href="#wbr">wbr</a></code>, and <code><a href="#xmp">xmp</a></code>.</dd>
+   <code><a href="#the-wbr-element">wbr</a></code>, and <code><a href="#xmp">xmp</a></code>.</dd>
 
    <dt><dfn id="scoping">Scoping</dfn></dt>
    <dd><p>The following HTML elements introduce new <a href="#has-an-element-in-scope" title="has
@@ -59339,7 +59370,7 @@
         <code><a href="#the-embed-element">embed</a></code>, <code><a href="#frame">frame</a></code>, <code><a href="#the-hr-element">hr</a></code>,
         <code><a href="#the-img-element">img</a></code>, <code><a href="#the-input-element">input</a></code>, <code><a href="#the-keygen-element">keygen</a></code>,
         <code><a href="#the-link-element">link</a></code>, <code><a href="#meta">meta</a></code>, <code><a href="#the-param-element">param</a></code>, or
-        <code><a href="#wbr">wbr</a></code> element, then continue on to the next child
+        <code><a href="#the-wbr-element">wbr</a></code> element, then continue on to the next child
         node at this point.</p> <!-- also, i guess: image and isindex,
         but we don't list those because we don't consider those
         "elements", more "macros", and thus we should never serialize
@@ -60798,7 +60829,7 @@
   error, a default value of 1px is expected to be used for that
   property instead.</p>
 
-  <p>The <code><a href="#wbr">wbr</a></code> element is expected to override the
+  <p>The <code><a href="#the-wbr-element">wbr</a></code> element is expected to override the
   'white-space' property and always provide a line-breaking
   opportunity.</p>
 
@@ -62302,7 +62333,6 @@
    <dt><dfn id="strike"><code>strike</code></dfn></dt>
    <dt><dfn id="tt"><code>tt</code></dfn></dt>
    <dt><dfn id="u"><code>u</code></dfn></dt>
-   <dt><dfn id="wbr"><code>wbr</code></dfn></dt>
 
    <dd>
 
@@ -65057,6 +65087,14 @@
          <code title="attr-dim-width"><a href="#attr-dim-width">width</a></code>;
          <code title="attr-dim-height"><a href="#attr-dim-height">height</a></code></td>
      <td><code><a href="#htmlvideoelement">HTMLVideoElement</a></code></td>
+    <tr><th><code><a href="#the-wbr-element">wbr</a></code></th>
+     <td>Line breaking opportunity</td>
+     <td><a href="#flow-content" title="Flow content">flow</a>;
+         <a href="#phrasing-content" title="Phrasing content">phrasing</a></td>
+     <td><a href="#phrasing-content" title="Phrasing content">phrasing</a></td>
+     <td>empty</td>
+     <td><a href="#global-attributes" title="global attributes">globals</a></td>
+     <td><code><a href="#htmlelement">HTMLElement</a></code></td>
     </table><p>An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above.<h3 class="no-num" id="element-content-categories">Element content categories</h3><p><i>This section is non-normative.</i></p><!-- when updating this also check the category-list <ul>s --><table><caption>List of element content categories</caption>
    <thead><tr><th> Category
      <th> Elements
@@ -65152,6 +65190,7 @@
       <code><a href="#the-ul-element">ul</a></code>;
       <code><a href="#the-var-element">var</a></code>;
       <code><a href="#video">video</a></code>;
+      <code><a href="#the-wbr-element">wbr</a></code>;
       <a href="#text-content" title="text content">Text</a>
      <td>
       <code><a href="#the-area-element">area</a></code> (if it is a descendant of a <code><a href="#the-map-element">map</a></code> element);
@@ -65223,6 +65262,7 @@
       <code><a href="#the-time-element">time</a></code>;
       <code><a href="#the-var-element">var</a></code>;
       <code><a href="#video">video</a></code>;
+      <code><a href="#the-wbr-element">wbr</a></code>;
       <a href="#text-content" title="text content">Text</a>
      <td>
       <code><a href="#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>);
@@ -66674,6 +66714,9 @@
     <tr><td> <code><a href="#video">video</a></code>
      <td> <code><a href="#htmlvideoelement">HTMLVideoElement</a></code> : <code><a href="#htmlmediaelement">HTMLMediaElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
 
+    <tr><td> <code><a href="#the-wbr-element">wbr</a></code>
+     <td> <code><a href="#htmlelement">HTMLElement</a></code>
+
   </table><!-- (only has events from HTML5) --><h3 class="no-num" id="events-0">Events</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><table><caption>List of events</caption>
    <thead><tr><th> Event
      <th> Interface
Received on Friday, 2 April 2010 07:17:30 UTC