[html5] r4957 - [e] (0) Move <br> and <wbr> into the text-level semantics section.
whatwg at whatwg.org
whatwg at whatwg.org
Fri Apr 2 00:30:22 PDT 2010
Author: ianh
Date: 2010-04-02 00:30:20 -0700 (Fri, 02 Apr 2010)
New Revision: 4957
Modified:
complete.html
index
source
Log:
[e] (0) Move <br> and <wbr> into the text-level semantics section.
Modified: complete.html
===================================================================
--- complete.html 2010-04-02 07:16:25 UTC (rev 4956)
+++ complete.html 2010-04-02 07:30:20 UTC (rev 4957)
@@ -434,19 +434,17 @@
<ol>
<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-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=#the-pre-element><span class=secno>4.5.3 </span>The <code>pre</code> element</a></li>
+ <li><a href=#the-blockquote-element><span class=secno>4.5.4 </span>The <code>blockquote</code> element</a></li>
+ <li><a href=#the-ol-element><span class=secno>4.5.5 </span>The <code>ol</code> element</a></li>
+ <li><a href=#the-ul-element><span class=secno>4.5.6 </span>The <code>ul</code> element</a></li>
+ <li><a href=#the-li-element><span class=secno>4.5.7 </span>The <code>li</code> element</a></li>
+ <li><a href=#the-dl-element><span class=secno>4.5.8 </span>The <code>dl</code> element</a></li>
+ <li><a href=#the-dt-element><span class=secno>4.5.9 </span>The <code>dt</code> element</a></li>
+ <li><a href=#the-dd-element><span class=secno>4.5.10 </span>The <code>dd</code> element</a></li>
+ <li><a href=#the-figure-element><span class=secno>4.5.11 </span>The <code>figure</code> element</a></li>
+ <li><a href=#the-figcaption-element><span class=secno>4.5.12 </span>The <code>figcaption</code> element</a></li>
+ <li><a href=#the-div-element><span class=secno>4.5.13 </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>
@@ -471,7 +469,9 @@
<li><a href=#the-rp-element><span class=secno>4.6.20 </span>The <code>rp</code> element</a></li>
<li><a href=#the-bdo-element><span class=secno>4.6.21 </span>The <code>bdo</code> element</a></li>
<li><a href=#the-span-element><span class=secno>4.6.22 </span>The <code>span</code> element</a></li>
- <li><a href=#usage-summary><span class=secno>4.6.23 </span>Usage summary</a></ol></li>
+ <li><a href=#the-br-element><span class=secno>4.6.23 </span>The <code>br</code> element</a></li>
+ <li><a href=#the-wbr-element><span class=secno>4.6.24 </span>The <code>wbr</code> element</a></li>
+ <li><a href=#usage-summary><span class=secno>4.6.25 </span>Usage summary</a></ol></li>
<li><a href=#edits><span class=secno>4.7 </span>Edits</a>
<ol>
<li><a href=#the-ins-element><span class=secno>4.7.1 </span>The <code>ins</code> element</a></li>
@@ -15980,120 +15980,10 @@
</div>
+ <h4 id=the-pre-element><span class=secno>4.5.3 </span>The <dfn><code>pre</code></dfn> element</h4>
- <h4 id=the-br-element><span class=secno>4.5.3 </span>The <dfn><code>br</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>
- <pre class=idl>interface <dfn id=htmlbrelement>HTMLBRElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
- </dd>
- </dl><p>The <code><a href=#the-br-element>br</a></code> element <a href=#represents>represents</a> a line
- break.</p>
-
- <p><code><a href=#the-br-element>br</a></code> elements must be used only for line breaks that
- are actually part of the content, as in poems or addresses.</p>
-
- <div class=example>
-
- <p>The following example is correct usage of the <code><a href=#the-br-element>br</a></code>
- element:</p>
-
- <pre><p>P. Sherman<br>
-42 Wallaby Way<br>
-Sydney</p></pre>
-
- </div>
-
- <p><code><a href=#the-br-element>br</a></code> elements must not be used for separating thematic
- groups in a paragraph.</p>
-
- <div class=example>
-
- <p>The following examples are non-conforming, as they abuse the
- <code><a href=#the-br-element>br</a></code> element:</p>
-
- <pre><p><a ...>34 comments.</a><br>
-<a ...>Add a comment.</a></p></pre>
-
- <pre><p><label>Name: <input name="name"></label><br>
-<label>Address: <input name="address"></label></p></pre>
-
- <p>Here are alternatives to the above, which are correct:</p>
-
- <pre><p><a ...>34 comments.</a></p>
-<p><a ...>Add a comment.</a></p></pre>
-
- <pre><p><label>Name: <input name="name"></label></p>
-<p><label>Address: <input name="address"></label></p></pre>
-
- </div>
-
- <p>If a <a href=#paragraph>paragraph</a> consists of nothing but a single
- <code><a href=#the-br-element>br</a></code> element, it represents a placeholder blank line
- (e.g. as in a template). Such blank lines must not be used for
- presentation purposes.</p>
-
- <div class=impl>
-
- <p>Any content inside <code><a href=#the-br-element>br</a></code> elements must not be
- considered part of the surrounding text.</p>
-
- <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-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.</p>
-
- <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><p>So then he pointed at the tiger and screamed
-"there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></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>
-
- <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>
<dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
@@ -16195,7 +16085,7 @@
- <h4 id=the-blockquote-element><span class=secno>4.5.6 </span>The <dfn><code>blockquote</code></dfn> element</h4>
+ <h4 id=the-blockquote-element><span class=secno>4.5.4 </span>The <dfn><code>blockquote</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16304,7 +16194,7 @@
- <h4 id=the-ol-element><span class=secno>4.5.7 </span>The <dfn><code>ol</code></dfn> element</h4>
+ <h4 id=the-ol-element><span class=secno>4.5.5 </span>The <dfn><code>ol</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16406,7 +16296,7 @@
</div>
- <h4 id=the-ul-element><span class=secno>4.5.8 </span>The <dfn><code>ul</code></dfn> element</h4>
+ <h4 id=the-ul-element><span class=secno>4.5.6 </span>The <dfn><code>ul</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16461,7 +16351,7 @@
</div>
- <h4 id=the-li-element><span class=secno>4.5.9 </span>The <dfn><code>li</code></dfn> element</h4>
+ <h4 id=the-li-element><span class=secno>4.5.7 </span>The <dfn><code>li</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16559,7 +16449,7 @@
- <h4 id=the-dl-element><span class=secno>4.5.10 </span>The <dfn><code>dl</code></dfn> element</h4>
+ <h4 id=the-dl-element><span class=secno>4.5.8 </span>The <dfn><code>dl</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16710,7 +16600,7 @@
- <h4 id=the-dt-element><span class=secno>4.5.11 </span>The <dfn><code>dt</code></dfn> element</h4>
+ <h4 id=the-dt-element><span class=secno>4.5.9 </span>The <dfn><code>dt</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16753,7 +16643,7 @@
- <h4 id=the-dd-element><span class=secno>4.5.12 </span>The <dfn><code>dd</code></dfn> element</h4>
+ <h4 id=the-dd-element><span class=secno>4.5.10 </span>The <dfn><code>dd</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16791,7 +16681,7 @@
</div>
- <h4 id=the-figure-element><span class=secno>4.5.13 </span>The <dfn><code>figure</code></dfn> element</h4>
+ <h4 id=the-figure-element><span class=secno>4.5.11 </span>The <dfn><code>figure</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16921,7 +16811,7 @@
</div>
- <h4 id=the-figcaption-element><span class=secno>4.5.14 </span>The <dfn><code>figcaption</code></dfn> element</h4>
+ <h4 id=the-figcaption-element><span class=secno>4.5.12 </span>The <dfn><code>figcaption</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16940,7 +16830,7 @@
- <h4 id=the-div-element><span class=secno>4.5.15 </span>The <dfn><code>div</code></dfn> element</h4>
+ <h4 id=the-div-element><span class=secno>4.5.13 </span>The <dfn><code>div</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -18909,8 +18799,118 @@
- <h4 id=usage-summary><span class=secno>4.6.23 </span>Usage summary</h4>
+ <h4 id=the-br-element><span class=secno>4.6.23 </span>The <dfn><code>br</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>
+ <pre class=idl>interface <dfn id=htmlbrelement>HTMLBRElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
+ </dd>
+ </dl><p>The <code><a href=#the-br-element>br</a></code> element <a href=#represents>represents</a> a line
+ break.</p>
+
+ <p><code><a href=#the-br-element>br</a></code> elements must be used only for line breaks that
+ are actually part of the content, as in poems or addresses.</p>
+
+ <div class=example>
+
+ <p>The following example is correct usage of the <code><a href=#the-br-element>br</a></code>
+ element:</p>
+
+ <pre><p>P. Sherman<br>
+42 Wallaby Way<br>
+Sydney</p></pre>
+
+ </div>
+
+ <p><code><a href=#the-br-element>br</a></code> elements must not be used for separating thematic
+ groups in a paragraph.</p>
+
+ <div class=example>
+
+ <p>The following examples are non-conforming, as they abuse the
+ <code><a href=#the-br-element>br</a></code> element:</p>
+
+ <pre><p><a ...>34 comments.</a><br>
+<a ...>Add a comment.</a></p></pre>
+
+ <pre><p><label>Name: <input name="name"></label><br>
+<label>Address: <input name="address"></label></p></pre>
+
+ <p>Here are alternatives to the above, which are correct:</p>
+
+ <pre><p><a ...>34 comments.</a></p>
+<p><a ...>Add a comment.</a></p></pre>
+
+ <pre><p><label>Name: <input name="name"></label></p>
+<p><label>Address: <input name="address"></label></p></pre>
+
+ </div>
+
+ <p>If a <a href=#paragraph>paragraph</a> consists of nothing but a single
+ <code><a href=#the-br-element>br</a></code> element, it represents a placeholder blank line
+ (e.g. as in a template). Such blank lines must not be used for
+ presentation purposes.</p>
+
+ <div class=impl>
+
+ <p>Any content inside <code><a href=#the-br-element>br</a></code> elements must not be
+ considered part of the surrounding text.</p>
+
+ <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-wbr-element><span class=secno>4.6.24 </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.</p>
+
+ <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><p>So then he pointed at the tiger and screamed
+"there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></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=usage-summary><span class=secno>4.6.25 </span>Usage summary</h4>
+
<p><i>This section is non-normative.</i></p>
<table><thead><tr><th>Element
@@ -19000,6 +19000,14 @@
<td>Other
<td><pre class=example>In French we call it <strong><span lang="fr">sirop de sureau</span></strong>.</pre>
+ <tr><td><code><a href=#the-br-element>br</a></code>
+ <td>Line break
+ <td><pre class=example>Simply Orange Juice Company<strong><br></strong>Apopka, FL 32703<strong><br></strong>U.S.A.</pre>
+
+ <tr><td><code><a href=#the-wbr-element>wbr</a></code>
+ <td>Line breaking opportunity
+ <td><pre class=example>www.simply<strong><wbr></strong>orange<strong><wbr></strong>juice.com</pre>
+
</table><h3 id=edits><span class=secno>4.7 </span>Edits</h3>
<p>The <code><a href=#the-ins-element>ins</a></code> and <code><a href=#the-del-element>del</a></code> elements represent
Modified: index
===================================================================
--- index 2010-04-02 07:16:25 UTC (rev 4956)
+++ index 2010-04-02 07:30:20 UTC (rev 4957)
@@ -443,19 +443,17 @@
<ol>
<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-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=#the-pre-element><span class=secno>4.5.3 </span>The <code>pre</code> element</a></li>
+ <li><a href=#the-blockquote-element><span class=secno>4.5.4 </span>The <code>blockquote</code> element</a></li>
+ <li><a href=#the-ol-element><span class=secno>4.5.5 </span>The <code>ol</code> element</a></li>
+ <li><a href=#the-ul-element><span class=secno>4.5.6 </span>The <code>ul</code> element</a></li>
+ <li><a href=#the-li-element><span class=secno>4.5.7 </span>The <code>li</code> element</a></li>
+ <li><a href=#the-dl-element><span class=secno>4.5.8 </span>The <code>dl</code> element</a></li>
+ <li><a href=#the-dt-element><span class=secno>4.5.9 </span>The <code>dt</code> element</a></li>
+ <li><a href=#the-dd-element><span class=secno>4.5.10 </span>The <code>dd</code> element</a></li>
+ <li><a href=#the-figure-element><span class=secno>4.5.11 </span>The <code>figure</code> element</a></li>
+ <li><a href=#the-figcaption-element><span class=secno>4.5.12 </span>The <code>figcaption</code> element</a></li>
+ <li><a href=#the-div-element><span class=secno>4.5.13 </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>
@@ -480,7 +478,9 @@
<li><a href=#the-rp-element><span class=secno>4.6.20 </span>The <code>rp</code> element</a></li>
<li><a href=#the-bdo-element><span class=secno>4.6.21 </span>The <code>bdo</code> element</a></li>
<li><a href=#the-span-element><span class=secno>4.6.22 </span>The <code>span</code> element</a></li>
- <li><a href=#usage-summary><span class=secno>4.6.23 </span>Usage summary</a></ol></li>
+ <li><a href=#the-br-element><span class=secno>4.6.23 </span>The <code>br</code> element</a></li>
+ <li><a href=#the-wbr-element><span class=secno>4.6.24 </span>The <code>wbr</code> element</a></li>
+ <li><a href=#usage-summary><span class=secno>4.6.25 </span>Usage summary</a></ol></li>
<li><a href=#edits><span class=secno>4.7 </span>Edits</a>
<ol>
<li><a href=#the-ins-element><span class=secno>4.7.1 </span>The <code>ins</code> element</a></li>
@@ -15878,120 +15878,10 @@
</div>
+ <h4 id=the-pre-element><span class=secno>4.5.3 </span>The <dfn><code>pre</code></dfn> element</h4>
- <h4 id=the-br-element><span class=secno>4.5.3 </span>The <dfn><code>br</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>
- <pre class=idl>interface <dfn id=htmlbrelement>HTMLBRElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
- </dd>
- </dl><p>The <code><a href=#the-br-element>br</a></code> element <a href=#represents>represents</a> a line
- break.</p>
-
- <p><code><a href=#the-br-element>br</a></code> elements must be used only for line breaks that
- are actually part of the content, as in poems or addresses.</p>
-
- <div class=example>
-
- <p>The following example is correct usage of the <code><a href=#the-br-element>br</a></code>
- element:</p>
-
- <pre><p>P. Sherman<br>
-42 Wallaby Way<br>
-Sydney</p></pre>
-
- </div>
-
- <p><code><a href=#the-br-element>br</a></code> elements must not be used for separating thematic
- groups in a paragraph.</p>
-
- <div class=example>
-
- <p>The following examples are non-conforming, as they abuse the
- <code><a href=#the-br-element>br</a></code> element:</p>
-
- <pre><p><a ...>34 comments.</a><br>
-<a ...>Add a comment.</a></p></pre>
-
- <pre><p><label>Name: <input name="name"></label><br>
-<label>Address: <input name="address"></label></p></pre>
-
- <p>Here are alternatives to the above, which are correct:</p>
-
- <pre><p><a ...>34 comments.</a></p>
-<p><a ...>Add a comment.</a></p></pre>
-
- <pre><p><label>Name: <input name="name"></label></p>
-<p><label>Address: <input name="address"></label></p></pre>
-
- </div>
-
- <p>If a <a href=#paragraph>paragraph</a> consists of nothing but a single
- <code><a href=#the-br-element>br</a></code> element, it represents a placeholder blank line
- (e.g. as in a template). Such blank lines must not be used for
- presentation purposes.</p>
-
- <div class=impl>
-
- <p>Any content inside <code><a href=#the-br-element>br</a></code> elements must not be
- considered part of the surrounding text.</p>
-
- <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-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.</p>
-
- <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><p>So then he pointed at the tiger and screamed
-"there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></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>
-
- <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>
<dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
@@ -16093,7 +15983,7 @@
- <h4 id=the-blockquote-element><span class=secno>4.5.6 </span>The <dfn><code>blockquote</code></dfn> element</h4>
+ <h4 id=the-blockquote-element><span class=secno>4.5.4 </span>The <dfn><code>blockquote</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16202,7 +16092,7 @@
- <h4 id=the-ol-element><span class=secno>4.5.7 </span>The <dfn><code>ol</code></dfn> element</h4>
+ <h4 id=the-ol-element><span class=secno>4.5.5 </span>The <dfn><code>ol</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16304,7 +16194,7 @@
</div>
- <h4 id=the-ul-element><span class=secno>4.5.8 </span>The <dfn><code>ul</code></dfn> element</h4>
+ <h4 id=the-ul-element><span class=secno>4.5.6 </span>The <dfn><code>ul</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16359,7 +16249,7 @@
</div>
- <h4 id=the-li-element><span class=secno>4.5.9 </span>The <dfn><code>li</code></dfn> element</h4>
+ <h4 id=the-li-element><span class=secno>4.5.7 </span>The <dfn><code>li</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16457,7 +16347,7 @@
- <h4 id=the-dl-element><span class=secno>4.5.10 </span>The <dfn><code>dl</code></dfn> element</h4>
+ <h4 id=the-dl-element><span class=secno>4.5.8 </span>The <dfn><code>dl</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16608,7 +16498,7 @@
- <h4 id=the-dt-element><span class=secno>4.5.11 </span>The <dfn><code>dt</code></dfn> element</h4>
+ <h4 id=the-dt-element><span class=secno>4.5.9 </span>The <dfn><code>dt</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16651,7 +16541,7 @@
- <h4 id=the-dd-element><span class=secno>4.5.12 </span>The <dfn><code>dd</code></dfn> element</h4>
+ <h4 id=the-dd-element><span class=secno>4.5.10 </span>The <dfn><code>dd</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16689,7 +16579,7 @@
</div>
- <h4 id=the-figure-element><span class=secno>4.5.13 </span>The <dfn><code>figure</code></dfn> element</h4>
+ <h4 id=the-figure-element><span class=secno>4.5.11 </span>The <dfn><code>figure</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -16819,7 +16709,7 @@
</div>
- <h4 id=the-figcaption-element><span class=secno>4.5.14 </span>The <dfn><code>figcaption</code></dfn> element</h4>
+ <h4 id=the-figcaption-element><span class=secno>4.5.12 </span>The <dfn><code>figcaption</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -16838,7 +16728,7 @@
- <h4 id=the-div-element><span class=secno>4.5.15 </span>The <dfn><code>div</code></dfn> element</h4>
+ <h4 id=the-div-element><span class=secno>4.5.13 </span>The <dfn><code>div</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -18807,8 +18697,118 @@
- <h4 id=usage-summary><span class=secno>4.6.23 </span>Usage summary</h4>
+ <h4 id=the-br-element><span class=secno>4.6.23 </span>The <dfn><code>br</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>
+ <pre class=idl>interface <dfn id=htmlbrelement>HTMLBRElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
+ </dd>
+ </dl><p>The <code><a href=#the-br-element>br</a></code> element <a href=#represents>represents</a> a line
+ break.</p>
+
+ <p><code><a href=#the-br-element>br</a></code> elements must be used only for line breaks that
+ are actually part of the content, as in poems or addresses.</p>
+
+ <div class=example>
+
+ <p>The following example is correct usage of the <code><a href=#the-br-element>br</a></code>
+ element:</p>
+
+ <pre><p>P. Sherman<br>
+42 Wallaby Way<br>
+Sydney</p></pre>
+
+ </div>
+
+ <p><code><a href=#the-br-element>br</a></code> elements must not be used for separating thematic
+ groups in a paragraph.</p>
+
+ <div class=example>
+
+ <p>The following examples are non-conforming, as they abuse the
+ <code><a href=#the-br-element>br</a></code> element:</p>
+
+ <pre><p><a ...>34 comments.</a><br>
+<a ...>Add a comment.</a></p></pre>
+
+ <pre><p><label>Name: <input name="name"></label><br>
+<label>Address: <input name="address"></label></p></pre>
+
+ <p>Here are alternatives to the above, which are correct:</p>
+
+ <pre><p><a ...>34 comments.</a></p>
+<p><a ...>Add a comment.</a></p></pre>
+
+ <pre><p><label>Name: <input name="name"></label></p>
+<p><label>Address: <input name="address"></label></p></pre>
+
+ </div>
+
+ <p>If a <a href=#paragraph>paragraph</a> consists of nothing but a single
+ <code><a href=#the-br-element>br</a></code> element, it represents a placeholder blank line
+ (e.g. as in a template). Such blank lines must not be used for
+ presentation purposes.</p>
+
+ <div class=impl>
+
+ <p>Any content inside <code><a href=#the-br-element>br</a></code> elements must not be
+ considered part of the surrounding text.</p>
+
+ <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-wbr-element><span class=secno>4.6.24 </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.</p>
+
+ <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><p>So then he pointed at the tiger and screamed
+"there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></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=usage-summary><span class=secno>4.6.25 </span>Usage summary</h4>
+
<p><i>This section is non-normative.</i></p>
<table><thead><tr><th>Element
@@ -18898,6 +18898,14 @@
<td>Other
<td><pre class=example>In French we call it <strong><span lang="fr">sirop de sureau</span></strong>.</pre>
+ <tr><td><code><a href=#the-br-element>br</a></code>
+ <td>Line break
+ <td><pre class=example>Simply Orange Juice Company<strong><br></strong>Apopka, FL 32703<strong><br></strong>U.S.A.</pre>
+
+ <tr><td><code><a href=#the-wbr-element>wbr</a></code>
+ <td>Line breaking opportunity
+ <td><pre class=example>www.simply<strong><wbr></strong>orange<strong><wbr></strong>juice.com</pre>
+
</table><h3 id=edits><span class=secno>4.7 </span>Edits</h3>
<p>The <code><a href=#the-ins-element>ins</a></code> and <code><a href=#the-del-element>del</a></code> elements represent
Modified: source
===================================================================
--- source 2010-04-02 07:16:25 UTC (rev 4956)
+++ source 2010-04-02 07:30:20 UTC (rev 4957)
@@ -16862,123 +16862,6 @@
</div>
-
- <h4>The <dfn><code>br</code></dfn> element</h4>
-
- <dl class="element">
- <dt>Categories</dt>
- <dd><span>Flow content</span>.</dd>
- <dd><span>Phrasing content</span>.</dd>
- <dt>Contexts in which this element may be used:</dt>
- <dd>Where <span>phrasing content</span> is expected.</dd>
- <dt>Content model:</dt>
- <dd>Empty.</dd>
- <dt>Content attributes:</dt>
- <dd><span>Global attributes</span></dd>
- <dt>DOM interface:</dt>
- <dd>
- <pre class="idl">interface <dfn>HTMLBRElement</dfn> : <span>HTMLElement</span> {};</pre>
- </dd>
- </dl>
-
- <p>The <code>br</code> element <span>represents</span> a line
- break.</p>
-
- <p><code>br</code> elements must be used only for line breaks that
- are actually part of the content, as in poems or addresses.</p>
-
- <div class="example">
-
- <p>The following example is correct usage of the <code>br</code>
- element:</p>
-
- <pre><p>P. Sherman<br>
-42 Wallaby Way<br>
-Sydney</p></pre>
-
- </div>
-
- <p><code>br</code> elements must not be used for separating thematic
- groups in a paragraph.</p>
-
- <div class="example">
-
- <p>The following examples are non-conforming, as they abuse the
- <code>br</code> element:</p>
-
- <pre><p><a ...>34 comments.</a><br>
-<a ...>Add a comment.</a></p></pre>
-
- <pre><p><label>Name: <input name="name"></label><br>
-<label>Address: <input name="address"></label></p></pre>
-
- <p>Here are alternatives to the above, which are correct:</p>
-
- <pre><p><a ...>34 comments.</a></p>
-<p><a ...>Add a comment.</a></p></pre>
-
- <pre><p><label>Name: <input name="name"></label></p>
-<p><label>Address: <input name="address"></label></p></pre>
-
- </div>
-
- <p>If a <span>paragraph</span> consists of nothing but a single
- <code>br</code> element, it represents a placeholder blank line
- (e.g. as in a template). Such blank lines must not be used for
- presentation purposes.</p>
-
- <div class="impl">
-
- <p>Any content inside <code>br</code> elements must not be
- considered part of the surrounding text.</p>
-
- <p>A <code>br</code> element does not separate paragraphs for the
- purposes of the Unicode bidirectional algorithm. <a
- href="#refsBIDI">[BIDI]</a></p>
-
- </div>
-
-
- <h4>The <dfn><code>wbr</code></dfn> element</h4>
-
- <dl class="element">
- <dt>Categories</dt>
- <dd><span>Flow content</span>.</dd>
- <dd><span>Phrasing content</span>.</dd>
- <dt>Contexts in which this element may be used:</dt>
- <dd>Where <span>phrasing content</span> is expected.</dd>
- <dt>Content model:</dt>
- <dd>Empty.</dd>
- <dt>Content attributes:</dt>
- <dd><span>Global attributes</span></dd>
- <dt>DOM interface:</dt>
- <dd>Uses <code>HTMLElement</code>.</dd>
- </dl>
-
- <p>The <code>wbr</code> element <span>represents</span> a line break
- opportunity.</p>
-
- <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>wbr</code>
- element.</p>
-
- <pre><p>So then he pointed at the tiger and screamed
-"there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></pre>
-
- </div>
-
- <div class="impl">
-
- <p>Any content inside <code>wbr</code> elements must not be
- considered part of the surrounding text.</p>
-
- </div>
-
-
<h4>The <dfn><code>pre</code></dfn> element</h4>
<dl class="element">
@@ -20027,6 +19910,123 @@
+ <h4>The <dfn><code>br</code></dfn> element</h4>
+
+ <dl class="element">
+ <dt>Categories</dt>
+ <dd><span>Flow content</span>.</dd>
+ <dd><span>Phrasing content</span>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <span>phrasing content</span> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd>Empty.</dd>
+ <dt>Content attributes:</dt>
+ <dd><span>Global attributes</span></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+ <pre class="idl">interface <dfn>HTMLBRElement</dfn> : <span>HTMLElement</span> {};</pre>
+ </dd>
+ </dl>
+
+ <p>The <code>br</code> element <span>represents</span> a line
+ break.</p>
+
+ <p><code>br</code> elements must be used only for line breaks that
+ are actually part of the content, as in poems or addresses.</p>
+
+ <div class="example">
+
+ <p>The following example is correct usage of the <code>br</code>
+ element:</p>
+
+ <pre><p>P. Sherman<br>
+42 Wallaby Way<br>
+Sydney</p></pre>
+
+ </div>
+
+ <p><code>br</code> elements must not be used for separating thematic
+ groups in a paragraph.</p>
+
+ <div class="example">
+
+ <p>The following examples are non-conforming, as they abuse the
+ <code>br</code> element:</p>
+
+ <pre><p><a ...>34 comments.</a><br>
+<a ...>Add a comment.</a></p></pre>
+
+ <pre><p><label>Name: <input name="name"></label><br>
+<label>Address: <input name="address"></label></p></pre>
+
+ <p>Here are alternatives to the above, which are correct:</p>
+
+ <pre><p><a ...>34 comments.</a></p>
+<p><a ...>Add a comment.</a></p></pre>
+
+ <pre><p><label>Name: <input name="name"></label></p>
+<p><label>Address: <input name="address"></label></p></pre>
+
+ </div>
+
+ <p>If a <span>paragraph</span> consists of nothing but a single
+ <code>br</code> element, it represents a placeholder blank line
+ (e.g. as in a template). Such blank lines must not be used for
+ presentation purposes.</p>
+
+ <div class="impl">
+
+ <p>Any content inside <code>br</code> elements must not be
+ considered part of the surrounding text.</p>
+
+ <p>A <code>br</code> element does not separate paragraphs for the
+ purposes of the Unicode bidirectional algorithm. <a
+ href="#refsBIDI">[BIDI]</a></p>
+
+ </div>
+
+
+ <h4>The <dfn><code>wbr</code></dfn> element</h4>
+
+ <dl class="element">
+ <dt>Categories</dt>
+ <dd><span>Flow content</span>.</dd>
+ <dd><span>Phrasing content</span>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <span>phrasing content</span> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd>Empty.</dd>
+ <dt>Content attributes:</dt>
+ <dd><span>Global attributes</span></dd>
+ <dt>DOM interface:</dt>
+ <dd>Uses <code>HTMLElement</code>.</dd>
+ </dl>
+
+ <p>The <code>wbr</code> element <span>represents</span> a line break
+ opportunity.</p>
+
+ <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>wbr</code>
+ element.</p>
+
+ <pre><p>So then he pointed at the tiger and screamed
+"there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></pre>
+
+ </div>
+
+ <div class="impl">
+
+ <p>Any content inside <code>wbr</code> elements must not be
+ considered part of the surrounding text.</p>
+
+ </div>
+
+
+
<h4 id="usage-summary">Usage summary</h4>
<p><i>This section is non-normative.</i></p>
@@ -20143,6 +20143,16 @@
<td>Other
<td><pre class="example">In French we call it <strong><span lang="fr">sirop de sureau</span></strong>.</pre>
+ <tr>
+ <td><code>br</code>
+ <td>Line break
+ <td><pre class="example">Simply Orange Juice Company<strong><br></strong>Apopka, FL 32703<strong><br></strong>U.S.A.</pre>
+
+ <tr>
+ <td><code>wbr</code>
+ <td>Line breaking opportunity
+ <td><pre class="example">www.simply<strong><wbr></strong>orange<strong><wbr></strong>juice.com</pre>
+
</table>
More information about the Commit-Watchers
mailing list