[html5] r2747 - [e] (0) Filling in the rendering section: more research for placeholders
whatwg at whatwg.org
whatwg at whatwg.org
Tue Feb 3 04:57:21 PST 2009
Author: ianh
Date: 2009-02-03 04:57:21 -0800 (Tue, 03 Feb 2009)
New Revision: 2747
Modified:
index
source
Log:
[e] (0) Filling in the rendering section: more research for placeholders
Modified: index
===================================================================
--- index 2009-02-03 11:10:27 UTC (rev 2746)
+++ index 2009-02-03 12:57:21 UTC (rev 2747)
@@ -1056,7 +1056,7 @@
<li><a href=#the-figure-element-0><span class=secno>10.4.12 </span>The <code>figure</code> element</a></li>
<li><a href=#the-hr-element-0><span class=secno>10.4.13 </span>The <code>hr</code> element</a></li>
<li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.4.14 </span>The <code>input</code> element as a text entry widget</a></li>
- <li><a href=#the-input-element-as-date-widgets><span class=secno>10.4.15 </span>The <code>input</code> element as date widgets</a></li>
+ <li><a href=#the-input-element-as-domain-specific-widgets><span class=secno>10.4.15 </span>The <code>input</code> element as domain-specific widgets</a></li>
<li><a href=#the-input-element-as-a-range-control><span class=secno>10.4.16 </span>The <code>input</code> element as a range control</a></li>
<li><a href=#the-input-element-as-a-color-well><span class=secno>10.4.17 </span>The <code>input</code> element as a color well</a></li>
<li><a href=#the-input-element-as-a-check-box-widget><span class=secno>10.4.18 </span>The <code>input</code> element as a check box widget</a></li>
@@ -55822,18 +55822,20 @@
<p>For the purposes of the CSS table model, the <code><a href=#the-col-element>col</a></code>
element is to be treated as if it was present as many times as its
<code title=attr-col-span><a href=#attr-col-span>span</a></code> attribute <a href=#rules-for-parsing-non-negative-integers title="rules
- for parsing non-negative integers">specifies</a>.</p>
+ for parsing non-negative integers">specifies</a>.</p> <!-- XXX
+ link to dfn instead of parser -->
<p>For the purposes of the CSS table model, the
<code><a href=#the-colgroup-element>colgroup</a></code> element, if it contains no <code><a href=#the-col-element>col</a></code>
element, is to be treated as if it had as many such children as its
<code title=attr-colgroup-span><a href=#attr-colgroup-span>span</a></code> attribute <a href=#rules-for-parsing-non-negative-integers title="rules for parsing non-negative
- integers">specifies</a>.</p>
+ integers">specifies</a>.</p> <!-- XXX link to dfn instead of
+ parser -->
<p>For the purposes of the CSS table model, the <code title=attr-tdth-colspan><a href=#attr-tdth-colspan>colspan</a></code> and <code title=attr-tdth-rowspan><a href=#attr-tdth-rowspan>rowspan</a></code> attributes on
<code><a href=#the-td-element>td</a></code> and <code><a href=#the-th-element>th</a></code> elements are expected to provide
the <i>special knowledge</i> regarding cells spanning rows and
- columns.</p>
+ columns.</p> <!-- XXX link to dfn instead of parser -->
<h4 id=margins-and-padding><span class=secno>10.3.3 </span>Margins and padding</h4>
@@ -55879,10 +55881,15 @@
bottom of the initial containing block are expected to be collapsed
to zero.</p>
+ <hr><p class=XXX>...body...</p>
+ <!-- marginwidth, marginheight -->
+
<hr><p class=XXX>...tables...</p>
<!-- cellspacing, cellpadding, height, width* (int/%; *width=0 => width:auto); <table hspace/vspace> (int); <table cols>; <table border> (border => border=1); -->
+ <!-- td/th width height: 0=>auto; %=>%; n=>px -->
+
<h4 id=alignment><span class=secno>10.3.4 </span>Alignment</h4>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -55905,11 +55912,14 @@
<!-- XXX <div/h1-h6/p align="left|right|center/middle|justify"> -->
<hr><p class=XXX>...tables...</p>
- <!-- <table align="left|right|center/abscenter/absmiddle/middle|char|justify"> -->
- <!-- <tr/td/th/col/etc align="left|right|center/absmiddle|char|justify"> -->
- <!-- <col width=int/% align=^ valign="top|middle|bottom|baseline" span=n char=? charoff=?> -->
+ <!-- table align="left|right|center/abscenter/absmiddle/middle|char|justify" -->
+ <!-- tr/td/th/col/ align="left|right|center/absmiddle|char|justify" -->
+ <!-- td/th/col/ valign="top|middle|bottom|baseline" -->
+ <!-- td/th/col/ ch=? charoff=n>0 -->
+ <!-- col width=int/% span=n -->
+
<h4 id=fonts-and-colors><span class=secno>10.3.5 </span>Fonts and colors</h4>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -55950,11 +55960,14 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.83em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.67em; }</pre>
- <hr><p class=XXX>Need to define the content attributes of BODY in
- terms of CSS or something.</p>
+ <hr><p class=XXX>...background...</p>
+ <!-- body, table, td, th, tbody, tfoot, thead, tr: background (empty string ignored?), bgcolor -->
+ <hr><p class=XXX>...body...</p>
+ <!--link, vlink, alink, text -->
+
<hr><p class=XXX>...tables...</p>
- <!-- <table bgcolor bordercolor> -->
+ <!-- table: bordercolor -->
<h4 id=punctuation-and-decorations><span class=secno>10.3.6 </span>Punctuation and decorations</h4>
@@ -56017,10 +56030,10 @@
<!-- XXX <ol>/<ul> type (1|a|A|i|I|disc|circle/round|square), start (n); <li> type (A|a|I|i|1|disc|circle/round|square), value (n) -->
<hr><p class=XXX>...tables...</p>
- <!-- rules/layout/frames -->
+ <!-- table: rules/layout/frames -->
+ <!-- td/th: nowrap -->
-
<h4 id=resetting-rules-for-inherited-properties><span class=secno>10.3.7 </span>Resetting rules for inherited properties</h4>
<p>The following rules are also expected to be in play, resetting
@@ -56055,6 +56068,15 @@
<!-- <code>input</code> elements whose <code title="attr-input-type">type</code> attribute is in the <span title="attr-input-type-image">Image Button</span> state -->
<!--
+ iframe:
+ width, height = as <img>; frameborder, scrolling=as <frame>; align=as <img>; marginheight, marginwidth (int/%) (=?)
+ img, input type=image:
+ width, height (int/%); hspace, vspace => margins (int/%); border (int>=0) => border-width, with border-style: solid;
+ align (left=float:left|right=float:right|top=v-a:t|bottom/baseline=v-a:b|center/middle=[1]|texttop=v-a:tt|absmiddle/abscenter=v-a:m|absbottom=v-a:b)
+ [1] = position vertical middle with parent baseline
+ -->
+
+ <!--
img - how to handle alt text, img in link (no border)... Define
that either the src="" is shown (as an image) or the alt="" is
shown (inline) but should not ever have both at once.
@@ -56161,31 +56183,44 @@
<h4 id=the-hr-element-0><span class=secno>10.4.13 </span>The <code><a href=#the-hr-element>hr</a></code> element</h4>
<p class=XXX>...</p>
+ <!-- align=left|right|center (as auto margins), width=(int=>width:px; %->width:%)
+ color (color implies noshade); sets 'color' which then propagates to border-color; defaults to 'gray'
+ size=int, noshade
+ with noshade: border-width = size/2 (default size=2 => 1px per side); solid borders; rounded corners
+ without no shade: inset borders
+ without noshade, size>1: height = size-2; border-width=1px
+ without noshade, size=1: height = 0; border-top-width=1px only
+ -->
<h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.14 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4>
- <p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, <a href=#e-mail-state title=attr-input-type-email>E-mail</a>, <a href=#password-state title=attr-input-type-password>Password</a>, or <a href=#number-state title=attr-input-type-number>Number</a> state, ...</p>
+ <p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, <a href=#e-mail-state title=attr-input-type-email>E-mail</a>, or <a href=#password-state title=attr-input-type-password>Password</a> state, ...</p>
+ <!-- datalist presentation -->
+ <!-- size: http://mxr.mozilla.org/mozilla-central/ident?i=CalcIntrinsicSize -->
- <h4 id=the-input-element-as-date-widgets><span class=secno>10.4.15 </span>The <code><a href=#the-input-element>input</a></code> element as date widgets</h4>
+ <h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.15 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4>
- <p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, or <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
- state, ...</p>
+ <p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> or
+ <a href=#number-state title=attr-input-type-number>Number</a> state...</p>
+ <!-- datalist presentation -->
<h4 id=the-input-element-as-a-range-control><span class=secno>10.4.16 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4>
<p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#range-state title=attr-input-type-range>Range</a> state, ...</p>
+ <!-- datalist presentation -->
<h4 id=the-input-element-as-a-color-well><span class=secno>10.4.17 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4>
<p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#color-state title=attr-input-type-color>Color</a> state, ...</p>
+ <!-- datalist presentation -->
@@ -56235,6 +56270,7 @@
<h4 id=the-select-element-0><span class=secno>10.4.25 </span>The <code><a href=#the-select-element>select</a></code> element</h4>
<p class=XXX>...</p>
+ <!-- multiple, size; optgroup -->
Modified: source
===================================================================
--- source 2009-02-03 11:10:27 UTC (rev 2746)
+++ source 2009-02-03 12:57:21 UTC (rev 2747)
@@ -61011,21 +61011,23 @@
<p>For the purposes of the CSS table model, the <code>col</code>
element is to be treated as if it was present as many times as its
<code title="attr-col-span">span</code> attribute <span title="rules
- for parsing non-negative integers">specifies</span>.</p>
+ for parsing non-negative integers">specifies</span>.</p> <!-- XXX
+ link to dfn instead of parser -->
<p>For the purposes of the CSS table model, the
<code>colgroup</code> element, if it contains no <code>col</code>
element, is to be treated as if it had as many such children as its
<code title="attr-colgroup-span">span</code> attribute <span
title="rules for parsing non-negative
- integers">specifies</span>.</p>
+ integers">specifies</span>.</p> <!-- XXX link to dfn instead of
+ parser -->
<p>For the purposes of the CSS table model, the <code
title="attr-tdth-colspan">colspan</code> and <code
title="attr-tdth-rowspan">rowspan</code> attributes on
<code>td</code> and <code>th</code> elements are expected to provide
the <i>special knowledge</i> regarding cells spanning rows and
- columns.</p>
+ columns.</p> <!-- XXX link to dfn instead of parser -->
<h4>Margins and padding</h4>
@@ -61073,10 +61075,17 @@
<hr>
+ <p class="XXX">...body...</p>
+ <!-- marginwidth, marginheight -->
+
+ <hr>
+
<p class="XXX">...tables...</p>
<!-- cellspacing, cellpadding, height, width* (int/%; *width=0 => width:auto); <table hspace/vspace> (int); <table cols>; <table border> (border => border=1); -->
+ <!-- td/th width height: 0=>auto; %=>%; n=>px -->
+
<h4>Alignment</h4>
<pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
@@ -61101,11 +61110,14 @@
<hr>
<p class="XXX">...tables...</p>
- <!-- <table align="left|right|center/abscenter/absmiddle/middle|char|justify"> -->
- <!-- <tr/td/th/col/etc align="left|right|center/absmiddle|char|justify"> -->
- <!-- <col width=int/% align=^ valign="top|middle|bottom|baseline" span=n char=? charoff=?> -->
+ <!-- table align="left|right|center/abscenter/absmiddle/middle|char|justify" -->
+ <!-- tr/td/th/col/ align="left|right|center/absmiddle|char|justify" -->
+ <!-- td/th/col/ valign="top|middle|bottom|baseline" -->
+ <!-- td/th/col/ ch=? charoff=n>0 -->
+ <!-- col width=int/% span=n -->
+
<h4>Fonts and colors</h4>
<pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
@@ -61151,13 +61163,18 @@
<hr>
- <p class="XXX">Need to define the content attributes of BODY in
- terms of CSS or something.</p>
+ <p class="XXX">...background...</p>
+ <!-- body, table, td, th, tbody, tfoot, thead, tr: background (empty string ignored?), bgcolor -->
<hr>
+ <p class="XXX">...body...</p>
+ <!--link, vlink, alink, text -->
+
+ <hr>
+
<p class="XXX">...tables...</p>
- <!-- <table bgcolor bordercolor> -->
+ <!-- table: bordercolor -->
<h4>Punctuation and decorations</h4>
@@ -61222,10 +61239,10 @@
<hr>
<p class="XXX">...tables...</p>
- <!-- rules/layout/frames -->
+ <!-- table: rules/layout/frames -->
+ <!-- td/th: nowrap -->
-
<h4>Resetting rules for inherited properties</h4>
<p>The following rules are also expected to be in play, resetting
@@ -61260,6 +61277,15 @@
<!-- <code>input</code> elements whose <code title="attr-input-type">type</code> attribute is in the <span title="attr-input-type-image">Image Button</span> state -->
<!--
+ iframe:
+ width, height = as <img>; frameborder, scrolling=as <frame>; align=as <img>; marginheight, marginwidth (int/%) (=?)
+ img, input type=image:
+ width, height (int/%); hspace, vspace => margins (int/%); border (int>=0) => border-width, with border-style: solid;
+ align (left=float:left|right=float:right|top=v-a:t|bottom/baseline=v-a:b|center/middle=[1]|texttop=v-a:tt|absmiddle/abscenter=v-a:m|absbottom=v-a:b)
+ [1] = position vertical middle with parent baseline
+ -->
+
+ <!--
img - how to handle alt text, img in link (no border)... Define
that either the src="" is shown (as an image) or the alt="" is
shown (inline) but should not ever have both at once.
@@ -61366,6 +61392,14 @@
<h4>The <code>hr</code> element</h4>
<p class="XXX">...</p>
+ <!-- align=left|right|center (as auto margins), width=(int=>width:px; %->width:%)
+ color (color implies noshade); sets 'color' which then propagates to border-color; defaults to 'gray'
+ size=int, noshade
+ with noshade: border-width = size/2 (default size=2 => 1px per side); solid borders; rounded corners
+ without no shade: inset borders
+ without noshade, size>1: height = size-2; border-width=1px
+ without noshade, size=1: height = 0; border-top-width=1px only
+ -->
@@ -61376,13 +61410,14 @@
title="attr-input-type-text">Text</span>, <span
title="attr-input-type-search">Search</span>, <span
title="attr-input-type-url">URL</span>, <span
- title="attr-input-type-email">E-mail</span>, <span
- title="attr-input-type-password">Password</span>, or <span
- title="attr-input-type-number">Number</span> state, ...</p>
+ title="attr-input-type-email">E-mail</span>, or <span
+ title="attr-input-type-password">Password</span> state, ...</p>
+ <!-- datalist presentation -->
+ <!-- size: http://mxr.mozilla.org/mozilla-central/ident?i=CalcIntrinsicSize -->
- <h4>The <code>input</code> element as date widgets</h4>
+ <h4>The <code>input</code> element as domain-specific widgets</h4>
<p class="XXX">When an <code>input</code> element's <code
title="attr-input-type">type</code> attribute is in the <span
@@ -61390,9 +61425,10 @@
title="attr-input-type-date">Date</span>, <span
title="attr-input-type-month">Month</span>, <span
title="attr-input-type-week">Week</span>, <span
- title="attr-input-type-time">Time</span>, or <span
- title="attr-input-type-datetime-local">Local Date and Time</span>
- state, ...</p>
+ title="attr-input-type-time">Time</span>, <span
+ title="attr-input-type-datetime-local">Local Date and Time</span> or
+ <span title="attr-input-type-number">Number</span> state...</p>
+ <!-- datalist presentation -->
@@ -61401,6 +61437,7 @@
<p class="XXX">When an <code>input</code> element's <code
title="attr-input-type">type</code> attribute is in the <span
title="attr-input-type-range">Range</span> state, ...</p>
+ <!-- datalist presentation -->
@@ -61409,6 +61446,7 @@
<p class="XXX">When an <code>input</code> element's <code
title="attr-input-type">type</code> attribute is in the <span
title="attr-input-type-color">Color</span> state, ...</p>
+ <!-- datalist presentation -->
@@ -61468,6 +61506,7 @@
<h4>The <code>select</code> element</h4>
<p class="XXX">...</p>
+ <!-- multiple, size; optgroup -->
More information about the Commit-Watchers
mailing list