HTML Standard Tracker

Filter

File a bug

SVNBugCommentTime (UTC)
55619429[Authors] [Conformance Checkers] Adding the <s> element to the language.2010-09-29 22:28
@@ -2,21 +2,21 @@
  !
  !   Adding a new element involves editing the following sections:
  !    - description of the element's categories
  !    - images/content-venn.svg
  !    - syntax, if it's void or otherwise special
  !    - parser
  !    - rendering
  !    - obsolete section
  !    - element, attribute, content model, and interface indexes
  !    - section for the element itself
- !    - adding it to the section with ARIA mappings (whether it has a mapping or not)
+ !    - adding it to the section with ARIA mappings
  !
  !-->
 <!--START validation-->
 <!--START complete--><!--START epub-->
 <!--START html--><!--START w3c-html-->
 
   <h2 id="introduction">Introduction</h2>
 
 <!--END w3c-html--><!--VERSION-->
 
@@ -862,24 +862,24 @@ a.setAttribute('href', 'http://example.com/'); // change the content attribute d
   title="attr-style">style</code> attribute is somewhat discouraged in
   production environments, but it can be useful for rapid prototyping
   (where its rules can be directly moved into a separate style sheet
   later) and for providing specific styles in unusual cases where a
   separate style sheet would be inconvenient. Similarly, the
   <code>style</code> element can be useful in syndication or for
   page-specific styles, but in general an external style sheet is
   likely to be more convenient when the styles apply to multiple
   pages.</p>
 
-  <p>It is also worth noting that four elements that were previously
+  <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>,
-  and <code>small</code>.</p>
+  <code>s</code>, and <code>small</code>.</p>
 
 
   <h4>Syntax errors</h4>
 
   <p><i>This section is non-normative.</i></p>
 
   <p>The syntax of HTML is constrained to avoid a wide variety of
   problems.</p>
 
   <dl>
@@ -10400,20 +10400,21 @@ background: transparent">blue&lt;/span>.&lt;/p></pre>
    <li><code>nav</code></li>
    <li><code>noscript</code></li>
    <li><code>object</code></li>
    <li><code>ol</code></li>
    <li><code>output</code></li>
    <li><code>p</code></li>
    <li><code>pre</code></li>
    <li><code>progress</code></li>
    <li><code>q</code></li>
    <li><code>ruby</code></li>
+   <li><code>s</code></li>
    <li><code>samp</code></li>
    <li><code>script</code></li>
    <li><code>section</code></li>
    <li><code>select</code></li>
    <li><code>small</code></li>
    <li><code>span</code></li>
    <li><code>strong</code></li>
    <li><code>style</code> (if the <code title="attr-style-scoped">scoped</code> attribute is present)</li>
    <li><code>sub</code></li>
    <li><code>sup</code></li>
@@ -10529,20 +10530,21 @@ background: transparent">blue&lt;/span>.&lt;/p></pre>
 <!--END w3c-html--><!--MD-->
    <li><code>meta</code> (if the <code title="attr-itemprop">itemprop</code> attribute is present)</li>
 <!--START w3c-html--><!--MD-->
    <li><code>meter</code></li>
    <li><code>noscript</code></li>
    <li><code>object</code></li>
    <li><code>output</code></li>
    <li><code>progress</code></li>
    <li><code>q</code></li>
    <li><code>ruby</code></li>
+   <li><code>s</code></li>
    <li><code>samp</code></li>
    <li><code>script</code></li>
    <li><code>select</code></li>
    <li><code>small</code></li>
    <li><code>span</code></li>
    <li><code>strong</code></li>
    <li><code>sub</code></li>
    <li><code>sup</code></li>
    <li><code>svg</code></li>
    <li><code>textarea</code></li>
@@ -11496,20 +11498,21 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
     <code>li</code> in <code>menu</code>,
     <code>link</code> (unless it creates a <span>hyperlink</span>),
     <code>map</code>,
     <code>mark</code>,
     <code>p</code>,
     <code>pre</code>,
     <code>q</code>,
     <code>rp</code>,
     <code>rt</code>,
     <code>ruby</code>,
+    <code>s</code>,
     <code>samp</code>,
     <code>small</code>,
     <code>span</code>,
     <code>strong</code>,
     <code>sub</code>,
     <code>sup</code>,
     <code>time</code>,
     <code>var</code>, and
     <code>wbr</code>.
    </p>
@@ -19606,20 +19609,56 @@ merger with Demo Group.&lt;/p></pre>
   <div class="example">
 
    <p>In this last example, the <code>small</code> element is marked
    as being <em>important</em> small print.</p>
 
    <pre>&lt;p>&lt;strong>&lt;small>Continued use of this service will result in a kiss.&lt;/small>&lt;/strong>&lt;/p></pre>
 
   </div>
 
 
+  <h4>The <dfn><code>s</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>s</code> element <span>represents</span> contents that
+  are no longer accurate or no longer relevant.</p>
+
+  <p class="note">The <code>s</code> element is not appropriate when
+  indicating document edits; to mark a span of text as having been
+  removed from a document, use the <code>del</code> element.</p>
+
+  <div class="example">
+
+   <p>In this example a recommended retail price has been marked as no
+   longer relevant as the product in question has a new sale
+   price.</p>
+
+   <pre>&lt;p>Buy our Iced Tea and Lemonade!&lt;/p>
+&lt;p>&lt;s>Recommended retail price: $3.99 per bottle&lt;/s>&lt;/p>
+&lt;p>&lt;strong>Now selling for just $2.99 a bottle!&lt;/strong>&lt;/p></pre>
+
+  </div>
+
+
   <h4>The <dfn><code>cite</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>
@@ -21376,20 +21415,25 @@ Sydney&lt;/p&gt;</pre>
      <td><code>strong</code>
      <td>Importance
      <td><pre class="example">This tea is <strong>&lt;strong>very hot&lt;/strong></strong>.</pre>
 
     <tr>
      <td><code>small</code>
      <td>Side comments
      <td><pre class="example">These grapes are made into wine. <strong>&lt;small>Alcohol is addictive.&lt;/small></strong></pre>
 
     <tr>
+     <td><code>s</code>
+     <td>Inaccurate text
+     <td><pre class="example">Price: <strong>&lt;s>&pound;4.50&lt;/s></strong> &pound;2.00!</pre>
+
+    <tr>
      <td><code>cite</code>
      <td>Titles of works
      <td><pre class="example">The case <strong>&lt;cite>Hugo v. Danielle&lt;/cite></strong> is relevant here.</pre>
 
     <tr>
      <td><code>q</code>
      <td>Quotations
      <td><pre class="example">The judge said <strong>&lt;q>You can drink water from the fish tank&lt;/q></strong> but advised against it.</pre>
 
     <tr>
@@ -100445,42 +100489,39 @@ time[datetime] { binding: <i title="">time</i>; }</pre>
 
    <dt><dfn><code>noembed</code></dfn></dt>
    <dd><p>Use <code>object</code> instead of <code>embed</code> when fallback is necessary.</p></dd>
 
    <dt><dfn><code>plaintext</code></dfn></dt>
    <dd><p>Use the "<code>text/plain</code>" <span>MIME type</span> instead.</p></dd>
 
    <dt><dfn><code>rb</code></dfn></dt>
    <dd><p>Providing the ruby base directly inside the <code>ruby</code> element is sufficient; the <code>rb</code> element is unnecessary. Omit it altogether.</p></dd>
 
+   <dt><dfn><code>strike</code></dfn></dt>
+   <dd><p>Use <code>del</code> instead if the element is marking an edit, otherwise use <code>s</code> instead.</p></dd>
+
    <dt><dfn><code>basefont</code></dfn></dt>
    <dt><dfn><code>big</code></dfn></dt>
    <dt><dfn><code>blink</code></dfn></dt>
    <dt><dfn><code>center</code></dfn></dt>
    <dt><dfn><code>font</code></dfn></dt>
    <dt><code>marquee</code></dt>
    <dt><dfn><code>multicol</code></dfn></dt>
    <dt><dfn><code>nobr</code></dfn></dt>
-   <dt><dfn><code>s</code></dfn></dt>
    <dt><dfn><code>spacer</code></dfn></dt>
-   <dt><dfn><code>strike</code></dfn></dt>
    <dt><dfn><code>tt</code></dfn></dt>
    <dt><dfn><code>u</code></dfn></dt>
 
    <dd>
 
     <p>Use appropriate elements and/or CSS instead.</p>
 
-    <p>For the <code>s</code> and <code>strike</code> elements, if
-    they are marking up a removal from the element, consider using the
-    <code>del</code> element instead.</p>
-
     <p>Where the <code>tt</code> element would have been used for
     marking up keyboard input, consider the <code>kbd</code> element;
     for variables, consider the <code>var</code> element; for computer
     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
@@ -103826,20 +103867,31 @@ interface <span>HTMLDocument</span> {
          <span title="Phrasing content">phrasing</span></td>
      <td><span title="Phrasing content">phrasing</span></td>
      <td><span title="Phrasing content">phrasing</span>;
          <code>rt</code> element;
          <code>rp</code> element*</td>
      <td><span title="global attributes">globals</span></td>
      <td><code>HTMLElement</code></td>
     </tr>
 
     <tr>
+     <th><code>s</code></th>
+     <td>Inaccurate text</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>samp</code></th>
      <td>Computer output</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>
 
@@ -104291,20 +104343,21 @@ interface <span>HTMLDocument</span> {
       <code>nav</code>;
       <code>noscript</code>;
       <code>object</code>;
       <code>ol</code>;
       <code>output</code>;
       <code>p</code>;
       <code>pre</code>;
       <code>progress</code>;
       <code>q</code>;
       <code>ruby</code>;
+      <code>s</code>;
       <code>samp</code>;
       <code>script</code>;
       <code>section</code>;
       <code>select</code>;
       <code>small</code>;
       <code>span</code>;
       <code>strong</code>;
       <code>sub</code>;
       <code>sup</code>;
       <code>svg</code>;
@@ -104373,20 +104426,21 @@ interface <span>HTMLDocument</span> {
       <code>label</code>;
       <code>mark</code>;
       <code>math</code>;
       <code>meter</code>;
       <code>noscript</code>;
       <code>object</code>;
       <code>output</code>;
       <code>progress</code>;
       <code>q</code>;
       <code>ruby</code>;
+      <code>s</code>;
       <code>samp</code>;
       <code>script</code>;
       <code>select</code>;
       <code>small</code>;
       <code>span</code>;
       <code>strong</code>;
       <code>sub</code>;
       <code>sup</code>;
       <code>svg</code>;
       <code>textarea</code>;
@@ -106167,20 +106221,24 @@ interface <span>HTMLDocument</span> {
 
     <tr>
      <td> <code>rt</code>
      <td> <code>HTMLElement</code>
 
     <tr>
      <td> <code>ruby</code>
      <td> <code>HTMLElement</code>
 
     <tr>
+     <td> <code>s</code>
+     <td> <code>HTMLElement</code>
+
+    <tr>
      <td> <code>samp</code>
      <td> <code>HTMLElement</code>
 
     <tr>
      <td> <code>section</code>
      <td> <code>HTMLElement</code>
 
     <tr>
      <td> <code>select</code>
      <td> <code>HTMLSelectElement</code> : <code>HTMLElement</code>

|