Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) Stylistic tweaks; mention the rendering rules for dim attribu…
…tes.

git-svn-id: http://svn.whatwg.org/webapps@2869 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Feb 25, 2009
1 parent 95286ca commit c2ab4b4
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 103 deletions.
3 changes: 0 additions & 3 deletions header-whatwg
Expand Up @@ -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; }
Expand Down
98 changes: 48 additions & 50 deletions index
@@ -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; }
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -7090,54 +7087,52 @@ interface <dfn id=htmldocument>HTMLDocument</dfn> {
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>
Expand Down Expand Up @@ -22808,6 +22803,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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
Expand Down Expand Up @@ -58320,7 +58317,8 @@ object[align=bottom] {
'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
Expand Down
101 changes: 51 additions & 50 deletions source
Expand Up @@ -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
Expand Down Expand Up @@ -7181,58 +7181,56 @@ interface <dfn>HTMLDocument</dfn> {
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
Expand Down Expand Up @@ -25128,6 +25126,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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>,
Expand Down Expand Up @@ -63998,8 +63999,8 @@ object[align=bottom] {
'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
Expand Down

0 comments on commit c2ab4b4

Please sign in to comment.