Short URL: http://html5.org/r/6004
| SVN | Bug | Comment | Time (UTC) |
|---|---|---|---|
| 6004 | 10838 | 2011-04-13 23:50 |
Index: source
===================================================================
--- source (revision 6003)
+++ source (revision 6004)
@@ -926,7 +926,7 @@
<p>It is also worth noting that some elements that were previously
presentational have been redefined in this specification to be
media-independent: <code>b</code>, <code>i</code>, <code>hr</code>,
- <code>s</code>, and <code>small</code>.</p>
+ <code>s</code>, <code>small</code>, and <code>u</code>.</p>
<h4>Syntax errors</h4>
@@ -11164,6 +11164,7 @@
<li><code>table</code></li>
<li><code>textarea</code></li>
<li><code>time</code></li>
+ <li><code>u</code></li>
<li><code>ul</code></li>
<li><code>var</code></li>
<li><code>video</code></li>
@@ -11292,6 +11293,7 @@
<li><code>svg</code></li>
<li><code>textarea</code></li>
<li><code>time</code></li>
+ <li><code>u</code></li>
<li><code>var</code></li>
<li><code>video</code></li>
<li><code>wbr</code></li>
@@ -21780,9 +21782,9 @@
<p>The <code>i</code> element <span>represents</span> a span of text
in an alternate voice or mood, or otherwise offset from the normal
prose, such as a taxonomic designation, a technical term, an
- idiomatic phrase from another language, a thought, a ship name, or
- some other prose whose typical typographic presentation is
- italicized.</p>
+ idiomatic phrase from another language, a thought, a ship name in
+ Western texts, or some other prose whose typical typographic
+ presentation is italicized.</p>
<p>Terms in languages different from the main text should be
annotated with <code title="attr-lang">lang</code> attributes (or,
@@ -21904,6 +21906,48 @@
+ <h4>The <dfn><code>u</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 can be used:</dt>
+ <dd>Where <span>phrasing content</span> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd><span>Phrasing content</span>.</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>u</code> element <span>represents</span> a span of text
+ with an unarticulated, though explicitly rendered, non-textual
+ annotation, such as labeling the text as being a proper name in
+ Chinese text (a Chinese proper name mark), or labeling the text as
+ being misspelt.</p>
+
+ <p>In most cases, another element is likely to be more appropriate:
+ for marking stress emphasis, the <code>em</code> element should be
+ used; for marking key words or phrases either the <code>b</code>
+ element or the <code>mark</code> element should be used, depending
+ on the context; for marking book titles, the <code>cite</code>
+ element should be used<!-- even for the Chinese wavy underline 'book
+ title mark' -->; for labeling text with explicit textual
+ annotations, the <code>ruby</code> element should be used; for
+ labeling ship names in Western texts, the <code>i</code> element
+ should be used.</p>
+
+ <p class="note">The default rendering of the <code>u</code> element
+ in visual presentations clashes with the conventional rendering of
+ hyperlinks (underlining). Authors are encouraged to avoid using the
+ <code>u</code> element where it could be confused for a
+ hyperlink.</p>
+
+
+
+
<h4>The <dfn><code>mark</code></dfn> element</h4>
<dl class="element">
@@ -21944,6 +21988,9 @@
</blockquote>
<p lang="en-US">As we can tell from the <em>spelling</em> of the word,
the person writing this quote is clearly not American.</p></pre>
+ <p>(If the goal was to mark the element as misspelt, however, the
+ <code>u</code> element, possibly with a class, would be more
+ appropriate.</p>
</div>
<div class="example">
@@ -22620,6 +22667,11 @@
<td><pre class="example">Take a <strong><b>lemon</b></strong> and squeeze it with a <strong><b>juicer</b></strong>.</pre>
<tr>
+ <td><code>u</code>
+ <td>Annotations
+ <td><pre class="example">The mixture of apple juice and <u class="spelling">eldeflower</u> juice is very pleasant.</pre>
+
+ <tr>
<td><code>mark</code>
<td>Highlight
<td><pre class="example">Elderflower cordial, with one <strong><mark>part</mark></strong> cordial to ten <strong><mark>part</mark></strong>s water, stands a<strong><mark>part</mark></strong> from the rest.</pre>
@@ -33912,6 +33964,7 @@
<li>A <span>WebVTT cue class span</span>.</li>
<li>A <span>WebVTT cue italics span</span>.</li>
<li>A <span>WebVTT cue bold span</span>.</li>
+ <li>A <span>WebVTT cue underline span</span>.</li>
<li>A <span>WebVTT cue ruby span</span>.</li>
<li>A <span>WebVTT cue voice span</span>.</li>
@@ -33950,6 +34003,12 @@
boldened text, and a <span>WebVTT cue span end tag</span> "<code
title="">b</code>".</p>
+ <p>A <dfn>WebVTT cue underline span</dfn> consists of a <span>WebVTT
+ cue span start tag</span> "<code title="">u</code>" that disallows
+ an annotation, <span>WebVTT cue internal text</span> representing
+ the underlined text, and a <span>WebVTT cue span end tag</span>
+ "<code title="">u</code>".</p>
+
<p>A <dfn>WebVTT cue ruby span</dfn> consists of the following
components, in the order given:</p>
@@ -34916,6 +34975,12 @@
bold span</span>) in <span>WebVTT cue text</span>.</p>
</dd>
+ <dt><dfn title="WebVTT Underline Object">WebVTT Underline Objects</dfn></dt>
+ <dd>
+ <p>These represent spans of underline text (a <span>WebVTT cue
+ underline span</span>) in <span>WebVTT cue text</span>.</p>
+ </dd>
+
<dt><dfn title="WebVTT Ruby Object">WebVTT Ruby Objects</dfn></dt>
<dd>
<p>These represent spans of ruby (a <span>WebVTT cue
@@ -35044,6 +35109,12 @@
Object">Attach</span> a <span>WebVTT Bold Object</span>.</p>
</dd>
+ <dt>If the tag name is "<code title="">u</code>"</dt>
+ <dd>
+ <p><span title="attach a WebVTT Internal Node
+ Object">Attach</span> a <span>WebVTT Underline Object</span>.</p>
+ </dd>
+
<dt>If the tag name is "<code title="">ruby</code>"</dt>
<dd>
<p><span title="attach a WebVTT Internal Node
@@ -35105,6 +35176,10 @@
a <span>WebVTT Bold Object</span>.</li>
<li>The tag name of the end tag token <var title="">token</var>
+ is "<code title="">u</code>" and <var title="">current</var> is
+ a <span>WebVTT Underline Object</span>.</li>
+
+ <li>The tag name of the end tag token <var title="">token</var>
is "<code title="">ruby</code>" and <var title="">current</var> is
a <span>WebVTT Ruby Object</span>.</li>
@@ -35580,6 +35655,9 @@
<td><span>WebVTT Bold Object</span>
<td><code>HTMLElement</code> element node with <code title="dom-Node-localName">localName</code> "<code>b</code>".
<tr>
+ <td><span>WebVTT Underline Object</span>
+ <td><code>HTMLElement</code> element node with <code title="dom-Node-localName">localName</code> "<code>u</code>".
+ <tr>
<td><span>WebVTT Ruby Object</span>
<td><code>HTMLElement</code> element node with <code title="dom-Node-localName">localName</code> "<code>ruby</code>".
<tr>
@@ -101977,9 +102055,13 @@
<p>The 'font-style' property on <span title="WebVTT Italic
Object">WebVTT Italic Objects</span> must be set to 'italic'.</p>
+
<p>The 'font-weight' property on <span title="WebVTT Bold
Object">WebVTT Bold Objects</span> must be set to 'bold'.</p>
+ <p>The 'text-decoration' property on <span title="WebVTT Underline
+ Object">WebVTT Underline Objects</span> must be set to 'underline'.</p>
+
<p>The 'display' property on <span title="WebVTT Ruby Object">WebVTT
Ruby Objects</span> must be set to 'ruby'. <a
href="#refsCSSRUBY">[CSSRUBY]</a></p>
@@ -102114,6 +102196,10 @@
<td><code title="">b</code>
<tr>
+ <td><span title="WebVTT Underline Object">WebVTT Underline Objects</span>
+ <td><code title="">u</code>
+
+ <tr>
<td><span title="WebVTT Ruby Object">WebVTT Ruby Objects</span>
<td><code title="">ruby</code>
@@ -103971,7 +104057,6 @@
<dt><dfn><code>nobr</code></dfn></dt>
<dt><dfn><code>spacer</code></dfn></dt>
<dt><dfn><code>tt</code></dfn></dt>
- <dt><dfn><code>u</code></dfn></dt>
<dd>
@@ -103983,12 +104068,12 @@
code, consider the <code>code</code> element; and for computer
output, consider the <code>samp</code> element.</p>
- <p>Similarly, if the <code>u</code> element is being used to
- indicate emphasis, consider using the <code>em</code> element; if
- it is being used for marking up keywords, consider the
- <code>b</code> element; and if it is being used for highlighting
- text for reference purposes, consider the <code>mark</code>
- element.</p>
+ <p>Similarly, if the <code>big</code> element is being used to
+ denote a heading, consider using the <code>h1</code> element; if
+ it is being used for marking up important passages, consider the
+ <code>strong</code> element; and if it is being used for
+ highlighting text for reference purposes, consider the
+ <code>mark</code> element.</p>
<p>See also the <a href="#usage-summary">text-level semantics
usage summary</a> for more suggestions with examples.</p>
@@ -107808,6 +107893,17 @@
<!--KEEP-START w3c-html--><!--TT-->
<tr>
+ <th><code>u</code></th>
+ <td>Keywords</td>
+ <td><span title="Flow content">flow</span>;
+ <span title="Phrasing content">phrasing</span></td>
+ <td><span title="Phrasing content">phrasing</span></td>
+ <td><span title="Phrasing content">phrasing</span></td>
+ <td><span title="global attributes">globals</span></td>
+ <td><code>HTMLElement</code></td>
+ </tr>
+
+ <tr>
<th><code>ul</code></th>
<td>List</td>
<td><span title="Flow content">flow</span></td>
@@ -107973,6 +108069,7 @@
<code>table</code>;
<code>textarea</code>;
<code>time</code>;
+ <code>u</code>;
<code>ul</code>;
<code>var</code>;
<code>video</code>;
@@ -108055,6 +108152,7 @@
<code>svg</code>;
<code>textarea</code>;
<code>time</code>;
+ <code>u</code>;
<code>var</code>;
<code>video</code>;
<code>wbr</code>;
@@ -109953,6 +110051,10 @@
<!--KEEP-START w3c-html--><!--TT-->
<tr>
+ <td> <code>u</code>
+ <td> <code>HTMLElement</code>
+
+ <tr>
<td> <code>ul</code>
<td> <code>HTMLUListElement</code> : <code>HTMLElement</code>