[html5] r2869 - [e] (0) Stylistic tweaks; mention the rendering rules for dim attributes.

whatwg at whatwg.org whatwg at whatwg.org
Wed Feb 25 15:37:25 PST 2009


Author: ianh
Date: 2009-02-25 15:37:24 -0800 (Wed, 25 Feb 2009)
New Revision: 2869

Modified:
   header-whatwg
   index
   source
Log:
[e] (0) Stylistic tweaks; mention the rendering rules for dim attributes.

Modified: header-whatwg
===================================================================
--- header-whatwg	2009-02-25 02:24:12 UTC (rev 2868)
+++ header-whatwg	2009-02-25 23:37:24 UTC (rev 2869)
@@ -5,9 +5,6 @@
   <link rel="stylesheet" href="/style/specification">
   <link rel="icon" href="/images/icon">
   <style type="text/css">
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   h4 + p + .element { margin-top: -5em; padding-top: 4em; }
-   .element { background: #EEFFEE; color: black; margin: 0 0 1em -1em; padding: 0 1em 0.25em 0.75em; border-left: solid #99FF99 0.25em; }
    .proposal { border: blue solid; padding: 1em; }
    .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
    table.matrix, table.matrix td { border: none; text-align: right; }

Modified: index
===================================================================
--- index	2009-02-25 02:24:12 UTC (rev 2868)
+++ index	2009-02-25 23:37:24 UTC (rev 2869)
@@ -1,7 +1,4 @@
 <!DOCTYPE html><html lang=en-US-x-hixie><head><title>HTML 5</title><link href=/style/specification rel=stylesheet><link href=/images/icon rel=icon><style type=text/css>
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   h4 + p + .element { margin-top: -5em; padding-top: 4em; }
-   .element { background: #EEFFEE; color: black; margin: 0 0 1em -1em; padding: 0 1em 0.25em 0.75em; border-left: solid #99FF99 0.25em; }
    .proposal { border: blue solid; padding: 1em; }
    .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
    table.matrix, table.matrix td { border: none; text-align: right; }
@@ -1123,7 +1120,7 @@
   <p><em>This section is non-normative.</em></p>
 
   <p>This specification is intended for authors of documents and
-  scripts that use the features defined in this specificaton, and
+  scripts that use the features defined in this specification, and
   implementors of tools that are intended to conform to this
   specification, and individuals wishing to establish the correctness
   of documents or implementations with respect to the requirements of
@@ -7090,54 +7087,52 @@
   all <a href=#html-elements>HTML elements</a> (even those not defined in this
   specification):</p>
 
-  <dl class=element><dt>Global attributes:</dt>
-   <dd><code title=attr-class><a href=#classes>class</a></code></dd>
-   <dd><code title=attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code></dd>
-   <dd><code title=attr-contextmenu><a href=#attr-contextmenu>contextmenu</a></code></dd>
-   <dd><code title=attr-dir><a href=#the-dir-attribute>dir</a></code></dd>
-   <dd><code title=attr-draggable><a href=#the-draggable-attribute>draggable</a></code></dd>
-   <dd><code title=attr-id><a href=#the-id-attribute>id</a></code></dd>
-   <dd><code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code></dd>
-   <dd><code title=attr-lang><a href=#the-lang-and-xml:lang-attributes>lang</a></code></dd>
-   <dd><code title=attr-style><a href=#the-style-attribute>style</a></code></dd>
-   <dd><code title=attr-spellcheck><a href=#attr-spellcheck>spellcheck</a></code></dd>
-   <dd><code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code></dd>
-   <dd><code title=attr-title><a href=#the-title-attribute>title</a></code></dd>
-  </dl><p>In addition, unless otherwise specified, the following
+  <ul class=brief><li><code title=attr-class><a href=#classes>class</a></code></li>
+   <li><code title=attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code></li>
+   <li><code title=attr-contextmenu><a href=#attr-contextmenu>contextmenu</a></code></li>
+   <li><code title=attr-dir><a href=#the-dir-attribute>dir</a></code></li>
+   <li><code title=attr-draggable><a href=#the-draggable-attribute>draggable</a></code></li>
+   <li><code title=attr-id><a href=#the-id-attribute>id</a></code></li>
+   <li><code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code></li>
+   <li><code title=attr-lang><a href=#the-lang-and-xml:lang-attributes>lang</a></code></li>
+   <li><code title=attr-style><a href=#the-style-attribute>style</a></code></li>
+   <li><code title=attr-spellcheck><a href=#attr-spellcheck>spellcheck</a></code></li>
+   <li><code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code></li>
+   <li><code title=attr-title><a href=#the-title-attribute>title</a></code></li>
+  </ul><p>In addition, unless otherwise specified, the following
   <a href=#event-handler-content-attributes>event handler content attributes</a> may be specified on
   any <a href=#html-elements title="HTML elements">HTML element</a>:</p>
 
-  <dl class=element><dt>Event handler content attributes:</dt>
-   <dd><code title=handler-onabort><a href=#handler-onabort>onabort</a></code></dd>
-   <dd><code title=handler-onblur><a href=#handler-onblur>onblur</a></code></dd>
-   <dd><code title=handler-onchange><a href=#handler-onchange>onchange</a></code></dd>
-   <dd><code title=handler-onclick><a href=#handler-onclick>onclick</a></code></dd>
-   <dd><code title=handler-oncontextmenu><a href=#handler-oncontextmenu>oncontextmenu</a></code></dd>
-   <dd><code title=handler-ondblclick><a href=#handler-ondblclick>ondblclick</a></code></dd>
-   <dd><code title=handler-ondrag><a href=#handler-ondrag>ondrag</a></code></dd>
-   <dd><code title=handler-ondragend><a href=#handler-ondragend>ondragend</a></code></dd>
-   <dd><code title=handler-ondragenter><a href=#handler-ondragenter>ondragenter</a></code></dd>
-   <dd><code title=handler-ondragleave><a href=#handler-ondragleave>ondragleave</a></code></dd>
-   <dd><code title=handler-ondragover><a href=#handler-ondragover>ondragover</a></code></dd>
-   <dd><code title=handler-ondragstart><a href=#handler-ondragstart>ondragstart</a></code></dd>
-   <dd><code title=handler-ondrop><a href=#handler-ondrop>ondrop</a></code></dd>
-   <dd><code title=handler-onerror><a href=#handler-onerror>onerror</a></code>*</dd>
-   <dd><code title=handler-onfocus><a href=#handler-onfocus>onfocus</a></code></dd>
-   <dd><code title=handler-onkeydown><a href=#handler-onkeydown>onkeydown</a></code></dd>
-   <dd><code title=handler-onkeypress><a href=#handler-onkeypress>onkeypress</a></code></dd>
-   <dd><code title=handler-onkeyup><a href=#handler-onkeyup>onkeyup</a></code></dd>
-   <dd><code title=handler-onload><a href=#handler-onload>onload</a></code>*</dd>
-   <dd><code title=handler-onmessage><a href=#handler-onmessage>onmessage</a></code>*</dd>
-   <dd><code title=handler-onmousedown><a href=#handler-onmousedown>onmousedown</a></code></dd>
-   <dd><code title=handler-onmousemove><a href=#handler-onmousemove>onmousemove</a></code></dd>
-   <dd><code title=handler-onmouseout><a href=#handler-onmouseout>onmouseout</a></code></dd>
-   <dd><code title=handler-onmouseover><a href=#handler-onmouseover>onmouseover</a></code></dd>
-   <dd><code title=handler-onmouseup><a href=#handler-onmouseup>onmouseup</a></code></dd>
-   <dd><code title=handler-onmousewheel><a href=#handler-onmousewheel>onmousewheel</a></code></dd>
-   <dd><code title=handler-onscroll><a href=#handler-onscroll>onscroll</a></code></dd>
-   <dd><code title=handler-onselect><a href=#handler-onselect>onselect</a></code></dd>
-   <dd><code title=handler-onsubmit><a href=#handler-onsubmit>onsubmit</a></code></dd>
-  </dl><p class=note>The attributes marked with an asterisk cannot be
+  <ul class=brief><li><code title=handler-onabort><a href=#handler-onabort>onabort</a></code></li>
+   <li><code title=handler-onblur><a href=#handler-onblur>onblur</a></code></li>
+   <li><code title=handler-onchange><a href=#handler-onchange>onchange</a></code></li>
+   <li><code title=handler-onclick><a href=#handler-onclick>onclick</a></code></li>
+   <li><code title=handler-oncontextmenu><a href=#handler-oncontextmenu>oncontextmenu</a></code></li>
+   <li><code title=handler-ondblclick><a href=#handler-ondblclick>ondblclick</a></code></li>
+   <li><code title=handler-ondrag><a href=#handler-ondrag>ondrag</a></code></li>
+   <li><code title=handler-ondragend><a href=#handler-ondragend>ondragend</a></code></li>
+   <li><code title=handler-ondragenter><a href=#handler-ondragenter>ondragenter</a></code></li>
+   <li><code title=handler-ondragleave><a href=#handler-ondragleave>ondragleave</a></code></li>
+   <li><code title=handler-ondragover><a href=#handler-ondragover>ondragover</a></code></li>
+   <li><code title=handler-ondragstart><a href=#handler-ondragstart>ondragstart</a></code></li>
+   <li><code title=handler-ondrop><a href=#handler-ondrop>ondrop</a></code></li>
+   <li><code title=handler-onerror><a href=#handler-onerror>onerror</a></code>*</li>
+   <li><code title=handler-onfocus><a href=#handler-onfocus>onfocus</a></code></li>
+   <li><code title=handler-onkeydown><a href=#handler-onkeydown>onkeydown</a></code></li>
+   <li><code title=handler-onkeypress><a href=#handler-onkeypress>onkeypress</a></code></li>
+   <li><code title=handler-onkeyup><a href=#handler-onkeyup>onkeyup</a></code></li>
+   <li><code title=handler-onload><a href=#handler-onload>onload</a></code>*</li>
+   <li><code title=handler-onmessage><a href=#handler-onmessage>onmessage</a></code>*</li>
+   <li><code title=handler-onmousedown><a href=#handler-onmousedown>onmousedown</a></code></li>
+   <li><code title=handler-onmousemove><a href=#handler-onmousemove>onmousemove</a></code></li>
+   <li><code title=handler-onmouseout><a href=#handler-onmouseout>onmouseout</a></code></li>
+   <li><code title=handler-onmouseover><a href=#handler-onmouseover>onmouseover</a></code></li>
+   <li><code title=handler-onmouseup><a href=#handler-onmouseup>onmouseup</a></code></li>
+   <li><code title=handler-onmousewheel><a href=#handler-onmousewheel>onmousewheel</a></code></li>
+   <li><code title=handler-onscroll><a href=#handler-onscroll>onscroll</a></code></li>
+   <li><code title=handler-onselect><a href=#handler-onselect>onselect</a></code></li>
+   <li><code title=handler-onsubmit><a href=#handler-onsubmit>onsubmit</a></code></li>
+  </ul><p class=note>The attributes marked with an asterisk cannot be
   specified on <code><a href=#the-body-element>body</a></code> elements as those elements expose
   <a href=#event-handler-attributes-0>event handler attributes</a> of the <code><a href=#window>Window</a></code>
   object with the same names.</p>
@@ -22808,6 +22803,8 @@
   <p class=note>Basically, the dimension attributes can't be used to
   stretch the image.</p>
 
+  <p>User agents are expected to use these attributes <a href=#dimRendering>as hints for the rendering</a>.</p>
+
   <p>The <dfn id=dom-dim-width title=dom-dim-width><code>width</code></dfn> and <dfn id=dom-dim-height title=dom-dim-height><code>height</code></dfn> DOM attributes on
   the <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-object-element>object</a></code>,
   and <code><a href=#video>video</a></code> elements must <a href=#reflect>reflect</a> the
@@ -58320,7 +58317,8 @@
   'border-right-style', 'border-bottom-style', and 'border-left-style'
   properties to the value 'solid'.</p>
 
-  <p>The <code title=attr-dim-width><a href=#attr-dim-width>width</a></code> and <code title=attr-dim-height><a href=#attr-dim-height>height</a></code> attributes on
+  <p id=dimRendering>The <code title=attr-dim-width><a href=#attr-dim-width>width</a></code>
+  and <code title=attr-dim-height><a href=#attr-dim-height>height</a></code> attributes on
   <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
   <code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#video>video</a></code>
   elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-pixel-length-property title="maps to the pixel length property">map to the dimension

Modified: source
===================================================================
--- source	2009-02-25 02:24:12 UTC (rev 2868)
+++ source	2009-02-25 23:37:24 UTC (rev 2869)
@@ -43,7 +43,7 @@
   <p><em>This section is non-normative.</em></p>
 
   <p>This specification is intended for authors of documents and
-  scripts that use the features defined in this specificaton, and
+  scripts that use the features defined in this specification, and
   implementors of tools that are intended to conform to this
   specification, and individuals wishing to establish the correctness
   of documents or implementations with respect to the requirements of
@@ -7181,58 +7181,56 @@
   all <span>HTML elements</span> (even those not defined in this
   specification):</p>
 
-  <dl class="element">
-   <dt>Global attributes:</dt>
-   <dd><code title="attr-class">class</code></dd>
-   <dd><code title="attr-contenteditable">contenteditable</code></dd>
-   <dd><code title="attr-contextmenu">contextmenu</code></dd>
-   <dd><code title="attr-dir">dir</code></dd>
-   <dd><code title="attr-draggable">draggable</code></dd>
-   <dd><code title="attr-id">id</code></dd>
-   <dd><code title="attr-hidden">hidden</code></dd>
-   <dd><code title="attr-lang">lang</code></dd>
-   <dd><code title="attr-style">style</code></dd>
-   <dd><code title="attr-spellcheck">spellcheck</code></dd>
-   <dd><code title="attr-tabindex">tabindex</code></dd>
-   <dd><code title="attr-title">title</code></dd>
-  </dl>
+  <ul class="brief">
+   <li><code title="attr-class">class</code></li>
+   <li><code title="attr-contenteditable">contenteditable</code></li>
+   <li><code title="attr-contextmenu">contextmenu</code></li>
+   <li><code title="attr-dir">dir</code></li>
+   <li><code title="attr-draggable">draggable</code></li>
+   <li><code title="attr-id">id</code></li>
+   <li><code title="attr-hidden">hidden</code></li>
+   <li><code title="attr-lang">lang</code></li>
+   <li><code title="attr-style">style</code></li>
+   <li><code title="attr-spellcheck">spellcheck</code></li>
+   <li><code title="attr-tabindex">tabindex</code></li>
+   <li><code title="attr-title">title</code></li>
+  </ul>
 
   <p>In addition, unless otherwise specified, the following
   <span>event handler content attributes</span> may be specified on
   any <span title="HTML elements">HTML element</span>:</p>
 
-  <dl class="element">
-   <dt>Event handler content attributes:</dt>
-   <dd><code title="handler-onabort">onabort</code></dd>
-   <dd><code title="handler-onblur">onblur</code></dd>
-   <dd><code title="handler-onchange">onchange</code></dd>
-   <dd><code title="handler-onclick">onclick</code></dd>
-   <dd><code title="handler-oncontextmenu">oncontextmenu</code></dd>
-   <dd><code title="handler-ondblclick">ondblclick</code></dd>
-   <dd><code title="handler-ondrag">ondrag</code></dd>
-   <dd><code title="handler-ondragend">ondragend</code></dd>
-   <dd><code title="handler-ondragenter">ondragenter</code></dd>
-   <dd><code title="handler-ondragleave">ondragleave</code></dd>
-   <dd><code title="handler-ondragover">ondragover</code></dd>
-   <dd><code title="handler-ondragstart">ondragstart</code></dd>
-   <dd><code title="handler-ondrop">ondrop</code></dd>
-   <dd><code title="handler-onerror">onerror</code>*</dd>
-   <dd><code title="handler-onfocus">onfocus</code></dd>
-   <dd><code title="handler-onkeydown">onkeydown</code></dd>
-   <dd><code title="handler-onkeypress">onkeypress</code></dd>
-   <dd><code title="handler-onkeyup">onkeyup</code></dd>
-   <dd><code title="handler-onload">onload</code>*</dd>
-   <dd><code title="handler-onmessage">onmessage</code>*</dd>
-   <dd><code title="handler-onmousedown">onmousedown</code></dd>
-   <dd><code title="handler-onmousemove">onmousemove</code></dd>
-   <dd><code title="handler-onmouseout">onmouseout</code></dd>
-   <dd><code title="handler-onmouseover">onmouseover</code></dd>
-   <dd><code title="handler-onmouseup">onmouseup</code></dd>
-   <dd><code title="handler-onmousewheel">onmousewheel</code></dd>
-   <dd><code title="handler-onscroll">onscroll</code></dd>
-   <dd><code title="handler-onselect">onselect</code></dd>
-   <dd><code title="handler-onsubmit">onsubmit</code></dd>
-  </dl>
+  <ul class="brief">
+   <li><code title="handler-onabort">onabort</code></li>
+   <li><code title="handler-onblur">onblur</code></li>
+   <li><code title="handler-onchange">onchange</code></li>
+   <li><code title="handler-onclick">onclick</code></li>
+   <li><code title="handler-oncontextmenu">oncontextmenu</code></li>
+   <li><code title="handler-ondblclick">ondblclick</code></li>
+   <li><code title="handler-ondrag">ondrag</code></li>
+   <li><code title="handler-ondragend">ondragend</code></li>
+   <li><code title="handler-ondragenter">ondragenter</code></li>
+   <li><code title="handler-ondragleave">ondragleave</code></li>
+   <li><code title="handler-ondragover">ondragover</code></li>
+   <li><code title="handler-ondragstart">ondragstart</code></li>
+   <li><code title="handler-ondrop">ondrop</code></li>
+   <li><code title="handler-onerror">onerror</code>*</li>
+   <li><code title="handler-onfocus">onfocus</code></li>
+   <li><code title="handler-onkeydown">onkeydown</code></li>
+   <li><code title="handler-onkeypress">onkeypress</code></li>
+   <li><code title="handler-onkeyup">onkeyup</code></li>
+   <li><code title="handler-onload">onload</code>*</li>
+   <li><code title="handler-onmessage">onmessage</code>*</li>
+   <li><code title="handler-onmousedown">onmousedown</code></li>
+   <li><code title="handler-onmousemove">onmousemove</code></li>
+   <li><code title="handler-onmouseout">onmouseout</code></li>
+   <li><code title="handler-onmouseover">onmouseover</code></li>
+   <li><code title="handler-onmouseup">onmouseup</code></li>
+   <li><code title="handler-onmousewheel">onmousewheel</code></li>
+   <li><code title="handler-onscroll">onscroll</code></li>
+   <li><code title="handler-onselect">onselect</code></li>
+   <li><code title="handler-onsubmit">onsubmit</code></li>
+  </ul>
 
   <p class="note">The attributes marked with an asterisk cannot be
   specified on <code>body</code> elements as those elements expose
@@ -25128,6 +25126,9 @@
   <p class="note">Basically, the dimension attributes can't be used to
   stretch the image.</p>
 
+  <p>User agents are expected to use these attributes <a
+  href="#dimRendering">as hints for the rendering</a>.</p>
+
   <p>The <dfn title="dom-dim-width"><code>width</code></dfn> and <dfn
   title="dom-dim-height"><code>height</code></dfn> DOM attributes on
   the <code>iframe</code>, <code>embed</code>, <code>object</code>,
@@ -63998,8 +63999,8 @@
   'border-right-style', 'border-bottom-style', and 'border-left-style'
   properties to the value 'solid'.</p>
 
-  <p>The <code title="attr-dim-width">width</code> and <code
-  title="attr-dim-height">height</code> attributes on
+  <p id="dimRendering">The <code title="attr-dim-width">width</code>
+  and <code title="attr-dim-height">height</code> attributes on
   <code>applet</code>, <code>embed</code>, <code>iframe</code>,
   <code>img</code>, <code>object</code> or <code>video</code>
   elements, and <code>input</code> elements with a <code




More information about the Commit-Watchers mailing list