- From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 15 Apr 2011 00:54:29 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec-author-view
In directory hutz:/tmp/cvs-serv6810
Modified Files:
spec.html spec.preprocessed.html
Log Message:
typo (whatwg r6009)
[updated by splitter]
Index: spec.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/spec.html,v
retrieving revision 1.1349
retrieving revision 1.1350
diff -u -d -r1.1349 -r1.1350
--- spec.html 14 Apr 2011 22:54:05 -0000 1.1349
+++ spec.html 15 Apr 2011 00:54:22 -0000 1.1350
@@ -333,9 +333,9 @@
</script></head><body onload="init()"><div class="head" id="head">
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
- <h1>HTML5 <span class="edition">Edition for Web Authors</span> <span class="rcsrevision">revision 1.4830</span></h1>
+ <h1>HTML5 <span class="edition">Edition for Web Authors</span> <span class="rcsrevision">revision 1.4832</span></h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
- <h2 class="no-num no-toc" id="editor-s-draft-14-april-2011">Editor's Draft 14 April 2011</h2>
+ <h2 class="no-num no-toc" id="editor-s-draft-15-april-2011">Editor's Draft 15 April 2011</h2>
<dl><dt>Latest Published Version:</dt>
<dd><a href="http://www.w3.org/TR/html5/author/">http://www.w3.org/TR/html5/author/</a></dd>
<dt>Latest Editor's Draft:</dt>
@@ -355,7 +355,7 @@
<dt>Editor:</dt>
<dd><a href="mailto:ian@hixie.ch">Ian Hickson</a>, Google, Inc.</dd>
</dl><p>This specification is available in the following formats: <a href="spec.html">single page HTML</a>, <a href="Overview.html">multipage HTML</a>, <a href="http://dev.w3.org/html5/spec/">full specification</a>.
- This is revision 1.4830.</p>
+ This is revision 1.4832.</p>
<p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a>
© 2010 <a href="http://www.w3.org/"><abbr title="World Wide
Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts
@@ -503,7 +503,7 @@
Group</a> is the W3C working group responsible for this
specification's progress along the W3C Recommendation
track.
- This specification is the 14 April 2011 Editor's Draft.
+ This specification is the 15 April 2011 Editor's Draft.
</p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><p>Work on this specification is also done at the <a href="http://www.whatwg.org/">WHATWG</a>. The W3C HTML working group
actively pursues convergence with the WHATWG, as required by the <a href="http://www.w3.org/2007/03/HTML-WG-charter">W3C HTML working
group charter</a>.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5
@@ -789,7 +789,8 @@
<li><a href="#dimension-attributes" id="x4.8.17-dimension-attributes"><span class="secno">4.8.17 </span>Dimension attributes</a></li></ol></li>
<li><a href="#tabular-data"><span class="secno">4.9 </span>Tabular data</a>
<ol><li><a href="#the-table-element" id="x4.9.1-the-table-element"><span class="secno">4.9.1 </span>The <code>table</code> element</a>
- <ol><li><a href="#table-descriptions-techniques"><span class="secno">4.9.1.1 </span>Techniques for describing tables</a></li></ol></li>
+ <ol><li><a href="#table-descriptions-techniques"><span class="secno">4.9.1.1 </span>Techniques for describing tables</a></li>
+ <li><a href="#table-layout-techniques"><span class="secno">4.9.1.2 </span>Techniques for table layout</a></li></ol></li>
<li><a href="#the-caption-element" id="x4.9.2-the-caption-element"><span class="secno">4.9.2 </span>The <code>caption</code> element</a></li>
<li><a href="#the-colgroup-element" id="x4.9.3-the-colgroup-element"><span class="secno">4.9.3 </span>The <code>colgroup</code> element</a></li>
<li><a href="#the-col-element" id="x4.9.4-the-col-element"><span class="secno">4.9.4 </span>The <code>col</code> element</a></li>
@@ -13912,6 +13913,7 @@
total).</dd>
<dt>Content attributes:</dt>
<dd><a href="#global-attributes" id="global-attributes-74">Global attributes</a></dd>
+ <dd><code title="attr-table-border"><a href="#attr-table-border" id="border">border</a></code></dd>
<dt>DOM interface:</dt>
<dd>
<pre class="idl">interface <dfn id="htmltableelement">HTMLTableElement</dfn> : <a href="#htmlelement" id="htmlelement-77">HTMLElement</a> {
@@ -13929,10 +13931,15 @@
readonly attribute <a href="#htmlcollection" id="htmlcollection-25">HTMLCollection</a> <a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-table-rows" title='Read about this "rows" reference in the full HTML5 spec.' class="full-spec-link">rows</a>;
<a href="#htmlelement" id="htmlelement-82">HTMLElement</a> <a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-table-insertrow" title='Read about this "insertRow" reference in the full HTML5 spec.' class="full-spec-link">insertRow</a>(in optional long index);
void <a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-table-deleterow" title='Read about this "deleteRow" reference in the full HTML5 spec.' class="full-spec-link">deleteRow</a>(in long index);
+ attribute DOMString <a href="http://dev.w3.org/html5/spec/obsolete.html#dom-table-border" title='Read about this "border" reference in the full HTML5 spec.' class="full-spec-link">border</a>;
};</pre>
</dd>
</dl><p>The <code><a href="#the-table-element" id="table-1">table</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> data with
- more than one dimension, in the form of a <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-table" title='Read about this "table" reference in the full HTML5 spec.' class="full-spec-link">table</a>.</p><p>Tables should not be used as layout aids.
+ more than one dimension, in the form of a <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-table" title='Read about this "table" reference in the full HTML5 spec.' class="full-spec-link">table</a>.</p><p>Tables have rows, columns, and cells given by their descendants.
+ The rows and columns form a grid; a table's cells must completely
+ cover that grid without overlap.</p><hr><p>Authors are encouraged to provide information describing how to
+ interpret complex tables. Guidance on how <a href="#table-descriptions-techniques">provide such information</a>
+ is given below.</p><hr><p>Tables should not be used as layout aids.
Historically, many Web authors have tables in HTML as a way to
control their page layout making it difficult to extract tabular
@@ -13948,11 +13955,15 @@
intent of the author to tools that wish to extract tabular data from
the document.</p><p class="note">There are a variety of alternatives to using HTML
tables for layout, primarily using CSS positioning and the CSS table
- model.</p><p>Tables have rows, columns, and cells given by their descendants.
- The rows and columns form a grid; a table's cells must completely
- cover that grid without overlap.</p><p>Authors are encouraged to provide information describing how to
- interpret complex tables. Guidance on how <a href="#table-descriptions-techniques">provide such information</a>
- is given below.</p><dl class="domintro"><dt><var title="">table</var> . <code title="dom-table-caption"><a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-table-caption" class="full-spec-link" title='Read about this "caption" reference in the full HTML5 spec.'>caption</a></code> [ = <var title="">value</var> ]</dt>
+ model.</p><p>The <dfn id="attr-table-border" title="attr-table-border"><code>border</code></dfn>
+ attribute may be specified on a <code><a href="#the-table-element" id="table-2">table</a></code> element to
+ explicitly indicate that the <code><a href="#the-table-element" id="table-3">table</a></code> element is not being
+ used for layout purposes. If specified, the attribute's value must
+ either be the empty string or the value "<code title="">1</code>".
+ The attribute is used by certain user agents as an indication that
+ borders should be drawn around cells of the table.</p><p class="note">Authors
+ are encouraged to consider using some of the <a href="#table-layout-techniques">table layout techniques</a>
+ described below to make tables easier to navigate for users.</p><hr><dl class="domintro"><dt><var title="">table</var> . <code title="dom-table-caption"><a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-table-caption" class="full-spec-link" title='Read about this "caption" reference in the full HTML5 spec.'>caption</a></code> [ = <var title="">value</var> ]</dt>
<dd>
<p>Returns the table's <code><a href="#the-caption-element" id="caption-0">caption</a></code> element.</p>
<p>Can be set, to replace the <code><a href="#the-caption-element" id="caption-1">caption</a></code> element. If the
@@ -14254,12 +14265,21 @@
<td> Passing
</table></pre>
- </div><h4 id="the-caption-element"><span class="secno">4.9.2 </span>The <dfn><code>caption</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+ </div><h5 id="table-layout-techniques"><span class="secno">4.9.1.2 </span>Techniques for table layout</h5><p>Good table layout is key to making tables more readable and usable.</p><p>In visual media, providing column and row borders and alternating
+ row backgrounds can be very effective to make complicated tables
+ more readable.</p><p>For tables with large volumes of numeric content, using
+ monospaced fonts can help users see patterns, especially in
+ situations where a user agent does not render the borders.
+ (Unfortunately, for historical reasons, not rendering borders on
+ tables is a common default.)</p><p>In speech media, table cells can be distinguished by reporting
+ the corresponding headers before reading the cell's contents, and by
+ allowing users to navigate the table in a grid fashion, rather than
+ serialising the entire contents of the table in source order.</p><p>Authors are encouraged to use CSS to achieve these effects.</p><h4 id="the-caption-element"><span class="secno">4.9.2 </span>The <dfn><code>caption</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As the first element child of a <code><a href="#the-table-element" id="table-2">table</a></code> element.</dd>
+ <dd>As the first element child of a <code><a href="#the-table-element" id="table-4">table</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href="#flow-content" id="flow-content-115">Flow content</a>, but with no descendant <code><a href="#the-table-element" id="table-3">table</a></code> elements.</dd>
+ <dd><a href="#flow-content" id="flow-content-115">Flow content</a>, but with no descendant <code><a href="#the-table-element" id="table-5">table</a></code> elements.</dd>
<dt>Content attributes:</dt>
<dd><a href="#global-attributes" id="global-attributes-75">Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -14267,8 +14287,8 @@
<pre class="idl">interface <dfn id="htmltablecaptionelement">HTMLTableCaptionElement</dfn> : <a href="#htmlelement" id="htmlelement-83">HTMLElement</a> {};</pre>
</dd>
</dl><p>The <code><a href="#the-caption-element" id="caption-7">caption</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> the title of the
- <code><a href="#the-table-element" id="table-4">table</a></code> that is its parent, if it has a parent and that
- is a <code><a href="#the-table-element" id="table-5">table</a></code> element.</p><p>When a <code><a href="#the-table-element" id="table-6">table</a></code> element is the only content in a
+ <code><a href="#the-table-element" id="table-6">table</a></code> that is its parent, if it has a parent and that
+ is a <code><a href="#the-table-element" id="table-7">table</a></code> element.</p><p>When a <code><a href="#the-table-element" id="table-8">table</a></code> element is the only content in a
<code><a href="#the-figure-element" id="figure-15">figure</a></code> element other than the <code><a href="#the-figcaption-element" id="figcaption-11">figcaption</a></code>,
the <code><a href="#the-caption-element" id="caption-8">caption</a></code> element should be omitted in favor of the
<code><a href="#the-figcaption-element" id="figcaption-12">figcaption</a></code>.</p><p>A caption can introduce context for a table, making it
@@ -14299,7 +14319,7 @@
</div><h4 id="the-colgroup-element"><span class="secno">4.9.3 </span>The <dfn><code>colgroup</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As a child of a <code><a href="#the-table-element" id="table-7">table</a></code> element, after any
+ <dd>As a child of a <code><a href="#the-table-element" id="table-9">table</a></code> element, after any
<code><a href="#the-caption-element" id="caption-9">caption</a></code> elements and before any <code><a href="#the-thead-element" id="thead-5">thead</a></code>,
<code><a href="#the-tbody-element" id="tbody-3">tbody</a></code>, <code><a href="#the-tfoot-element" id="tfoot-7">tfoot</a></code>, and <code><a href="#the-tr-element" id="tr-5">tr</a></code>
elements.</dd>
@@ -14315,8 +14335,8 @@
attribute unsigned long <a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-colgroup-span" title='Read about this "span" reference in the full HTML5 spec.' class="full-spec-link">span</a>;
};</pre>
</dd>
- </dl><p>The <code><a href="#the-colgroup-element" id="colgroup-0">colgroup</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> a <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-column-group" title='Read about this "group" reference in the full HTML5 spec.' class="full-spec-link">group</a> of one or more <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-column" title='Read about this "columns" reference in the full HTML5 spec.' class="full-spec-link">columns</a> in the <code><a href="#the-table-element" id="table-8">table</a></code> that
- is its parent, if it has a parent and that is a <code><a href="#the-table-element" id="table-9">table</a></code>
+ </dl><p>The <code><a href="#the-colgroup-element" id="colgroup-0">colgroup</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> a <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-column-group" title='Read about this "group" reference in the full HTML5 spec.' class="full-spec-link">group</a> of one or more <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-column" title='Read about this "columns" reference in the full HTML5 spec.' class="full-spec-link">columns</a> in the <code><a href="#the-table-element" id="table-10">table</a></code> that
+ is its parent, if it has a parent and that is a <code><a href="#the-table-element" id="table-11">table</a></code>
element.</p><p>If the <code><a href="#the-colgroup-element" id="colgroup-1">colgroup</a></code> element contains no <code><a href="#the-col-element" id="col-0">col</a></code>
elements, then the element may have a <dfn id="attr-colgroup-span" title="attr-colgroup-span"><code>span</code></dfn> content attribute
specified, whose value must be a <a href="#valid-non-negative-integer" id="valid-non-negative-integer-5">valid non-negative
@@ -14339,18 +14359,18 @@
</dd>
</dl><p>If a <code><a href="#the-col-element" id="col-1">col</a></code> element has a parent and that is a
<code><a href="#the-colgroup-element" id="colgroup-4">colgroup</a></code> element that itself has a parent that is a
- <code><a href="#the-table-element" id="table-10">table</a></code> element, then the <code><a href="#the-col-element" id="col-2">col</a></code> element
+ <code><a href="#the-table-element" id="table-12">table</a></code> element, then the <code><a href="#the-col-element" id="col-2">col</a></code> element
<a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> one or more <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-column" title='Read about this "columns" reference in the full HTML5 spec.' class="full-spec-link">columns</a> in the <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-column-group" title='Read about this "column group" reference in the full HTML5 spec.' class="full-spec-link">column group</a> represented by that
<code><a href="#the-colgroup-element" id="colgroup-5">colgroup</a></code>.</p><p>The element may have a <dfn id="attr-col-span" title="attr-col-span"><code>span</code></dfn> content attribute
specified, whose value must be a <a href="#valid-non-negative-integer" id="valid-non-negative-integer-6">valid non-negative
integer</a> greater than zero.</p><h4 id="the-tbody-element"><span class="secno">4.9.5 </span>The <dfn><code>tbody</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As a child of a <code><a href="#the-table-element" id="table-11">table</a></code> element, after any
+ <dd>As a child of a <code><a href="#the-table-element" id="table-13">table</a></code> element, after any
<code><a href="#the-caption-element" id="caption-10">caption</a></code>, <code><a href="#the-colgroup-element" id="colgroup-6">colgroup</a></code>, and
<code><a href="#the-thead-element" id="thead-6">thead</a></code> elements, but only if there are no
<code><a href="#the-tr-element" id="tr-6">tr</a></code> elements that are children of the
- <code><a href="#the-table-element" id="table-12">table</a></code> element.</dd>
+ <code><a href="#the-table-element" id="table-14">table</a></code> element.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href="#the-tr-element" id="tr-7">tr</a></code> elements</dd>
<dt>Content attributes:</dt>
@@ -14366,8 +14386,8 @@
used for <code><a href="#the-thead-element" id="thead-7">thead</a></code> and <code><a href="#the-tfoot-element" id="tfoot-8">tfoot</a></code> elements.</p>
</dd>
</dl><p>The <code><a href="#the-tbody-element" id="tbody-4">tbody</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> a <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-row-group" title='Read about this "block" reference in the full HTML5 spec.' class="full-spec-link">block</a> of <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-row" title='Read about this "rows" reference in the full HTML5 spec.' class="full-spec-link">rows</a> that consist of a body of data for
- the parent <code><a href="#the-table-element" id="table-13">table</a></code> element, if the <code><a href="#the-tbody-element" id="tbody-5">tbody</a></code>
- element has a parent and it is a <code><a href="#the-table-element" id="table-14">table</a></code>.</p><dl class="domintro"><dt><var title="">tbody</var> . <code title="dom-tbody-rows"><a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-tbody-rows" class="full-spec-link" title='Read about this "rows" reference in the full HTML5 spec.'>rows</a></code></dt>
+ the parent <code><a href="#the-table-element" id="table-15">table</a></code> element, if the <code><a href="#the-tbody-element" id="tbody-5">tbody</a></code>
+ element has a parent and it is a <code><a href="#the-table-element" id="table-16">table</a></code>.</p><dl class="domintro"><dt><var title="">tbody</var> . <code title="dom-tbody-rows"><a href="http://dev.w3.org/html5/spec/tabular-data.html#dom-tbody-rows" class="full-spec-link" title='Read about this "rows" reference in the full HTML5 spec.'>rows</a></code></dt>
<dd>
<p>Returns an <code><a href="#htmlcollection" id="htmlcollection-29">HTMLCollection</a></code> of the <code><a href="#the-tr-element" id="tr-8">tr</a></code> elements of the table section.</p>
</dd>
@@ -14389,12 +14409,12 @@
</dl><h4 id="the-thead-element"><span class="secno">4.9.6 </span>The <dfn><code>thead</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As a child of a <code><a href="#the-table-element" id="table-15">table</a></code> element, after any
+ <dd>As a child of a <code><a href="#the-table-element" id="table-17">table</a></code> element, after any
<code><a href="#the-caption-element" id="caption-11">caption</a></code>, and <code><a href="#the-colgroup-element" id="colgroup-7">colgroup</a></code>
elements and before any <code><a href="#the-tbody-element" id="tbody-6">tbody</a></code>, <code><a href="#the-tfoot-element" id="tfoot-9">tfoot</a></code>, and
<code><a href="#the-tr-element" id="tr-12">tr</a></code> elements, but only if there are no other
<code><a href="#the-thead-element" id="thead-8">thead</a></code> elements that are children of the
- <code><a href="#the-table-element" id="table-16">table</a></code> element.</dd>
+ <code><a href="#the-table-element" id="table-18">table</a></code> element.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href="#the-tr-element" id="tr-13">tr</a></code> elements</dd>
<dt>Content attributes:</dt>
@@ -14403,9 +14423,9 @@
<dd><code><a href="#htmltablesectionelement" id="htmltablesectionelement-3">HTMLTableSectionElement</a></code>, as defined for
<code><a href="#the-tbody-element" id="tbody-7">tbody</a></code> elements.</dd>
</dl><p>The <code><a href="#the-thead-element" id="thead-9">thead</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> the <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-row-group" title='Read about this "block" reference in the full HTML5 spec.' class="full-spec-link">block</a> of <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-row" title='Read about this "rows" reference in the full HTML5 spec.' class="full-spec-link">rows</a> that consist of the column labels
- (headers) for the parent <code><a href="#the-table-element" id="table-17">table</a></code> element, if the
+ (headers) for the parent <code><a href="#the-table-element" id="table-19">table</a></code> element, if the
<code><a href="#the-thead-element" id="thead-10">thead</a></code> element has a parent and it is a
- <code><a href="#the-table-element" id="table-18">table</a></code>.</p><div class="example">
+ <code><a href="#the-table-element" id="table-20">table</a></code>.</p><div class="example">
<p>This example shows a <code><a href="#the-thead-element" id="thead-11">thead</a></code> element being used.
Notice the use of both <code><a href="#the-th-element" id="th-3">th</a></code> and <code><a href="#the-td-element" id="td-6">td</a></code> elements
@@ -14445,16 +14465,16 @@
</div><h4 id="the-tfoot-element"><span class="secno">4.9.7 </span>The <dfn><code>tfoot</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As a child of a <code><a href="#the-table-element" id="table-19">table</a></code> element, after any
+ <dd>As a child of a <code><a href="#the-table-element" id="table-21">table</a></code> element, after any
<code><a href="#the-caption-element" id="caption-12">caption</a></code>, <code><a href="#the-colgroup-element" id="colgroup-8">colgroup</a></code>, and <code><a href="#the-thead-element" id="thead-13">thead</a></code>
elements and before any <code><a href="#the-tbody-element" id="tbody-8">tbody</a></code> and <code><a href="#the-tr-element" id="tr-14">tr</a></code>
elements, but only if there are no other <code><a href="#the-tfoot-element" id="tfoot-10">tfoot</a></code>
- elements that are children of the <code><a href="#the-table-element" id="table-20">table</a></code> element.</dd>
- <dd>As a child of a <code><a href="#the-table-element" id="table-21">table</a></code> element, after any
+ elements that are children of the <code><a href="#the-table-element" id="table-22">table</a></code> element.</dd>
+ <dd>As a child of a <code><a href="#the-table-element" id="table-23">table</a></code> element, after any
<code><a href="#the-caption-element" id="caption-13">caption</a></code>, <code><a href="#the-colgroup-element" id="colgroup-9">colgroup</a></code>, <code><a href="#the-thead-element" id="thead-14">thead</a></code>,
<code><a href="#the-tbody-element" id="tbody-9">tbody</a></code>, and <code><a href="#the-tr-element" id="tr-15">tr</a></code> elements, but only if there
are no other <code><a href="#the-tfoot-element" id="tfoot-11">tfoot</a></code> elements that are children of the
- <code><a href="#the-table-element" id="table-22">table</a></code> element.</dd>
+ <code><a href="#the-table-element" id="table-24">table</a></code> element.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href="#the-tr-element" id="tr-16">tr</a></code> elements</dd>
<dt>Content attributes:</dt>
@@ -14463,18 +14483,18 @@
<dd><code><a href="#htmltablesectionelement" id="htmltablesectionelement-4">HTMLTableSectionElement</a></code>, as defined for
<code><a href="#the-tbody-element" id="tbody-10">tbody</a></code> elements.</dd>
</dl><p>The <code><a href="#the-tfoot-element" id="tfoot-12">tfoot</a></code> element <a href="http://dev.w3.org/html5/spec/rendering.html#represents" class="full-spec-link" title='Read about this "represents" reference in the full HTML5 spec.'>represents</a> the <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-row-group" title='Read about this "block" reference in the full HTML5 spec.' class="full-spec-link">block</a> of <a href="http://dev.w3.org/html5/spec/tabular-data.html#concept-row" title='Read about this "rows" reference in the full HTML5 spec.' class="full-spec-link">rows</a> that consist of the column summaries
- (footers) for the parent <code><a href="#the-table-element" id="table-23">table</a></code> element, if the
+ (footers) for the parent <code><a href="#the-table-element" id="table-25">table</a></code> element, if the
<code><a href="#the-tfoot-element" id="tfoot-13">tfoot</a></code> element has a parent and it is a
- <code><a href="#the-table-element" id="table-24">table</a></code>.</p><h4 id="the-tr-element"><span class="secno">4.9.8 </span>The <dfn><code>tr</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+ <code><a href="#the-table-element" id="table-26">table</a></code>.</p><h4 id="the-tr-element"><span class="secno">4.9.8 </span>The <dfn><code>tr</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
<dd>As a child of a <code><a href="#the-thead-element" id="thead-15">thead</a></code> element.</dd>
<dd>As a child of a <code><a href="#the-tbody-element" id="tbody-11">tbody</a></code> element.</dd>
<dd>As a child of a <code><a href="#the-tfoot-element" id="tfoot-14">tfoot</a></code> element.</dd>
- <dd>As a child of a <code><a href="#the-table-element" id="table-25">table</a></code> element, after any
+ <dd>As a child of a <code><a href="#the-table-element" id="table-27">table</a></code> element, after any
<code><a href="#the-caption-element" id="caption-14">caption</a></code>, <code><a href="#the-colgroup-element" id="colgroup-10">colgroup</a></code>, and <code><a href="#the-thead-element" id="thead-16">thead</a></code>
elements, but only if there are no <code><a href="#the-tbody-element" id="tbody-12">tbody</a></code> elements that
- are children of the <code><a href="#the-table-element" id="table-26">table</a></code> element.</dd>
+ are children of the <code><a href="#the-table-element" id="table-28">table</a></code> element.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href="#the-td-element" id="td-7">td</a></code> or <code><a href="#the-th-element" id="th-4">th</a></code> elements</dd>
<dt>Content attributes:</dt>
@@ -24441,7 +24461,7 @@
<code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements" id="h5-3">h5</a></code>, <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements" id="h6-10">h6</a></code>, <code><a href="#the-header-element" id="header-13">header</a></code>,
<code><a href="#the-hgroup-element" id="hgroup-21">hgroup</a></code>, <code><a href="#the-hr-element" id="hr-9">hr</a></code>, <code><a href="#menus" id="menu-20">menu</a></code>,
<code><a href="#the-nav-element" id="nav-13">nav</a></code>, <code><a href="#the-ol-element" id="ol-16">ol</a></code>, <code><a href="#the-p-element" id="p-25">p</a></code>, <code><a href="#the-pre-element" id="pre-12">pre</a></code>,
- <code><a href="#the-section-element" id="section-15">section</a></code>, <code><a href="#the-table-element" id="table-27">table</a></code>, or <code><a href="#the-ul-element" id="ul-14">ul</a></code>,
+ <code><a href="#the-section-element" id="section-15">section</a></code>, <code><a href="#the-table-element" id="table-29">table</a></code>, or <code><a href="#the-ul-element" id="ul-14">ul</a></code>,
element, or if there is no more content in the parent element and
the parent element is not an <code><a href="#the-a-element" id="a-58">a</a></code> element.</p><p>An <code><a href="#the-rt-element" id="rt-9">rt</a></code> element's <a href="#syntax-end-tag" id="syntax-end-tag-9" title="syntax-end-tag">end
tag</a> may be omitted if the <code><a href="#the-rt-element" id="rt-10">rt</a></code> element is
@@ -24488,11 +24508,11 @@
immediately followed by a <code><a href="#the-td-element" id="td-24">td</a></code> or <code><a href="#the-th-element" id="th-26">th</a></code>
element, or if there is no more content in the parent element.</p><p><strong>However</strong>, a <a href="#syntax-start-tag" id="syntax-start-tag-9" title="syntax-start-tag">start
tag</a> must never be omitted if it has any attributes.</p><h5 id="element-restrictions"><span class="secno">8.1.2.5 </span>Restrictions on content models</h5><p>For historical reasons, certain elements have extra restrictions
- beyond even the restrictions given by their content model.</p><p>A <code><a href="#the-table-element" id="table-28">table</a></code> element must not contain <code><a href="#the-tr-element" id="tr-24">tr</a></code>
+ beyond even the restrictions given by their content model.</p><p>A <code><a href="#the-table-element" id="table-30">table</a></code> element must not contain <code><a href="#the-tr-element" id="tr-24">tr</a></code>
elements, even though these elements are technically allowed inside
- <code><a href="#the-table-element" id="table-29">table</a></code> elements according to the content models
+ <code><a href="#the-table-element" id="table-31">table</a></code> elements according to the content models
described in this specification. (If a <code><a href="#the-tr-element" id="tr-25">tr</a></code> element is
- put inside a <code><a href="#the-table-element" id="table-30">table</a></code> in the markup, it will in fact imply
+ put inside a <code><a href="#the-table-element" id="table-32">table</a></code> in the markup, it will in fact imply
a <code><a href="#the-tbody-element" id="tbody-21">tbody</a></code> start tag before it.)</p><p>A single <a href="#syntax-newlines" id="syntax-newlines-0" title="syntax-newlines">newline</a> may be
placed immediately after the <a href="#syntax-start-tag" id="syntax-start-tag-10" title="syntax-start-tag">start
tag</a> of <code><a href="#the-pre-element" id="pre-13">pre</a></code> and <code><a href="#the-textarea-element" id="textarea-35">textarea</a></code>
@@ -24623,7 +24643,7 @@
the DOCTYPE. This means, for example, that using entity references
for characters in XHTML documents is unsafe if they are defined in
an external file (except for <code title="">&lt;</code>, <code title="">&gt;</code>, <code title="">&amp;</code>, <code title="">&quot;</code> and <code title="">&apos;</code>).</p><h2 id="obsolete"><span class="secno">10 </span>Obsolete features</h2><h3 id="obsolete-but-conforming-features"><span class="secno">10.1 </span>Obsolete but conforming features</h3><p>Features listed in this section will trigger warnings in
- conformance checkers.</p><p>Authors should not specify a <code title="attr-img-border"><a href="#attr-img-border" id="border">border</a></code> attribute on an
+ conformance checkers.</p><p>Authors should not specify a <code title="attr-img-border"><a href="#attr-img-border" id="border-4">border</a></code> attribute on an
<code><a href="#the-img-element" id="img-29">img</a></code> element. If the attribute is present, its value
must be the string "<code title="">0</code>". CSS should be used
instead.</p><p>Authors should not specify a <code title="attr-script-language"><a href="#attr-script-language" id="language">language</a></code> attribute on a
@@ -24809,12 +24829,12 @@
<dt><dfn id="attr-script-for" title="attr-script-for"><code>for</code></dfn> on <code><a href="#script" id="script-36">script</a></code> elements</dt>
<dd><p>Use DOM Events mechanisms to register event listeners. <a href="#refsDOMEVENTS">[DOMEVENTS]</a></p></dd>
- <dt><dfn id="attr-table-datapagesize" title="attr-table-datapagesize"><code>datapagesize</code></dfn> on <code><a href="#the-table-element" id="table-31">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-datapagesize" title="attr-table-datapagesize"><code>datapagesize</code></dfn> on <code><a href="#the-table-element" id="table-33">table</a></code> elements</dt>
<dd><p>Unnecessary. Omit it altogether.</p></dd>
- <dt><dfn id="attr-table-summary" title="attr-table-summary"><code>summary</code></dfn> on <code><a href="#the-table-element" id="table-32">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-summary" title="attr-table-summary"><code>summary</code></dfn> on <code><a href="#the-table-element" id="table-34">table</a></code> elements</dt>
<dd><p>Use one of the <a href="#table-descriptions-techniques">techniques for describing
- tables</a> given in the <code><a href="#the-table-element" id="table-33">table</a></code> section
+ tables</a> given in the <code><a href="#the-table-element" id="table-35">table</a></code> section
instead.</p></dd>
<dt><dfn id="attr-tdth-abbr" title="attr-tdth-abbr"><code>abbr</code></dfn> on <code><a href="#the-td-element" id="td-25">td</a></code> and <code><a href="#the-th-element" id="th-27">th</a></code> elements</dt>
@@ -24823,9 +24843,9 @@
</dd><dt><dfn id="attr-tdth-axis" title="attr-tdth-axis"><code>axis</code></dfn> on <code><a href="#the-td-element" id="td-26">td</a></code> and <code><a href="#the-th-element" id="th-28">th</a></code> elements</dt>
<dd><p>Use the <code title="attr-th-scope"><a href="#attr-th-scope" id="scope-7">scope</a></code> attribute on the relevant <code><a href="#the-th-element" id="th-29">th</a></code>.</p>
- </dd><dt><dfn id="attr-datasrc" title="attr-datasrc"><code>datasrc</code></dfn> on <code><a href="#the-a-element" id="a-70">a</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#the-applet-element" class="full-spec-link" title='Read about this "applet" reference in the full HTML5 spec.'>applet</a></code>, <code><a href="#the-button-element" id="button-13">button</a></code>, <code><a href="#the-div-element" id="div-18">div</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#frame" class="full-spec-link" title='Read about this "frame" reference in the full HTML5 spec.'>frame</a></code>, <code><a href="#the-iframe-element" id="iframe-45">iframe</a></code>, <code><a href="#the-img-element" id="img-34">img</a></code>, <code><a href="#the-input-element" id="input-130">input</a></code>, <code><a href="#the-label-element" id="label-22">label</a></code>, <code><a href="#the-legend-element" id="legend-7">legend</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.htl#the-marquee-element" class="full-spec-link" title='Read about this "marquee" reference in the full HTML5 spec.'>marquee</a></code>, <code><a href="#the-object-element" id="object-40">object</a></code>, <code><a href="#the-option-element" id="option-39">option</a></code>, <code><a href="#the-select-element" id="select-42">select</a></code>, <code><a href="#the-span-element" id="span-12">span</a></code>, <code><a href="#the-table-element" id="table-34">table</a></code>, and <code><a href="#the-textarea-element" id="textarea-36">textarea</a></code> elements</dt>
+ </dd><dt><dfn id="attr-datasrc" title="attr-datasrc"><code>datasrc</code></dfn> on <code><a href="#the-a-element" id="a-70">a</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#the-applet-element" class="full-spec-link" title='Read about this "applet" reference in the full HTML5 spec.'>applet</a></code>, <code><a href="#the-button-element" id="button-13">button</a></code>, <code><a href="#the-div-element" id="div-18">div</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#frame" class="full-spec-link" title='Read about this "frame" reference in the full HTML5 spec.'>frame</a></code>, <code><a href="#the-iframe-element" id="iframe-45">iframe</a></code>, <code><a href="#the-img-element" id="img-34">img</a></code>, <code><a href="#the-input-element" id="input-130">input</a></code>, <code><a href="#the-label-element" id="label-22">label</a></code>, <code><a href="#the-legend-element" id="legend-7">legend</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.htl#the-marquee-element" class="full-spec-link" title='Read about this "marquee" reference in the full HTML5 spec.'>marquee</a></code>, <code><a href="#the-object-element" id="object-40">object</a></code>, <code><a href="#the-option-element" id="option-39">option</a></code>, <code><a href="#the-select-element" id="select-42">select</a></code>, <code><a href="#the-span-element" id="span-12">span</a></code>, <code><a href="#the-table-element" id="table-36">table</a></code>, and <code><a href="#the-textarea-element" id="textarea-36">textarea</a></code> elements</dt>
<dt><dfn id="attr-datafld" title="attr-datafld"><code>datafld</code></dfn> on <code><a href="#the-a-element" id="a-71">a</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#the-applet-element" class="full-spec-link" title='Read about this "applet" reference in the full HTML5 spec.'>applet</a></code>, <code><a href="#the-button-element" id="button-14">button</a></code>, <code><a href="#the-div-element" id="div-19">div</a></code>, <code><a href="#the-fieldset-element" id="fieldset-22">fieldset</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#frame" class="full-spec-link" title='Read about this "frame" reference in the full HTML5 spec.'>frame</a></code>, <code><a href="#the-iframe-element" id="iframe-46">iframe</a></code>, <code><a href="#the-img-element" id="img-35">img</a></code>, <code><a href="#the-input-element" id="input-131">input</a></code>, <code><a href="#the-label-element" id="label-23">label</a></code>, <code><a href="#the-legend-element" id="legend-8">legnd</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#the-marquee-element" class="full-spec-link" title='Read about this "marquee" reference in the full HTML5 spec.'>marquee</a></code>, <code><a href="#the-object-element" id="object-41">object</a></code>, <code><a href="#the-param-element" id="param-8">param</a></code>, <code><a href="#the-select-element" id="select-43">select</a></code>, <code><a href="#the-span-element" id="span-13">span</a></code>, and <code><a href="#the-textarea-element" id="textarea-37">textarea</a></code> elements</dt>
- <dt><dfn id="attr-dataformatas" title="attr-dataformatas"><code>dataformatas</code></dfn> on <code><a href="#the-button-element" id="button-15">button</a></code>, <code><a href="#the-div-element" id="div-20">div</a></code>, <code><a href="#the-input-element" id="input-132">input</a></code>, <code><a href="#the-label-element" id="label-24">label</a></code>, <code><a href="#the-legend-element" id="legend-9">legend</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#the-marquee-element" class="full-spec-link" title='Read about this "marquee" reference in the full HTML5 spec.'>marquee</a></code>, <code><a href="#the-object-element" id="object-42">object</a></code>, <code><a href="#the-option-element" id="option-40">option</a></code>, <code><a href="#the-select-element" id="select-44">select</a></code>, <code><a href="#the-span-element" id="span-14">span</a></code>, and <code><a href="#the-table-element" id="table-35">table</a></code> elements</dt>
+ <dt><dfn id="attr-dataformatas" title="attr-dataformatas"><code>dataformatas</code></dfn> on <code><a href="#the-button-element" id="button-15">button</a></code>, <code><a href="#the-div-element" id="div-20">div</a></code>, <code><a href="#the-input-element" id="input-132">input</a></code>, <code><a href="#the-label-element" id="label-24">label</a></code>, <code><a href="#the-legend-element" id="legend-9">legend</a></code>, <code><a href="http://dev.w3.org/html5/spec/obsolete.html#the-marquee-element" class="full-spec-link" title='Read about this "marquee" reference in the full HTML5 spec.'>marquee</a></code>, <code><a href="#the-object-element" id="object-42">object</a></code>, <code><a href="#the-option-element" id="option-40">option</a></code>, <code><a href="#the-select-element" id="select-44">select</a></code>, <code><a href="#the-span-element" id="span-14">span</a></code>, and <code><a href="#the-table-element" id="table-37">table</a></code> elements</dt>
<dd><p>Use script and a mechanism such as <code>XMLHttpRequest</code> to populate the page dynamically. <a href="#refsXHR">[XHR]</a></p></dd>
<dt><dfn id="attr-body-alink" title="attr-body-alink"><code>alink</code></dfn> on <code><a href="#the-body-element-0" id="body-32">body</a></code> elements</dt>
@@ -24882,14 +24902,13 @@
<dt><dfn id="attr-ol-compact" title="attr-ol-compact"><code>compact</code></dfn> on <code><a href="#the-ol-element" id="ol-17">ol</a></code> elements</dt>
<dt><dfn id="attr-p-align" title="attr-p-align"><code>align</code></dfn> on <code><a href="#the-p-element" id="p-26">p</a></code> elements</dt>
<dt><dfn id="attr-pre-width" title="attr-pre-width"><code>width</code></dfn> on <code><a href="#the-pre-element" id="pre-16">pre</a></code> elements</dt>
- <dt><dfn id="attr-table-align" title="attr-table-align"><code>align</code></dfn> on <code><a href="#the-table-element" id="table-36">table</a></code> elements</dt>
- <dt><dfn id="attr-table-bgcolor" title="attr-table-bgcolor"><code>bgcolor</code></dfn> on <code><a href="#the-table-element" id="table-37">table</a></code> elements</dt>
- <dt><dfn id="attr-table-border" title="attr-table-border"><code>border</code></dfn> on <code><a href="#the-table-element" id="table-38">table</a></code> elements</dt>
- <dt><dfn id="attr-table-cellpadding" title="attr-table-cellpadding"><code>cellpadding</code></dfn> on <code><a href="#the-table-element" id="table-39">table</a></code> elements</dt>
- <dt><dfn id="attr-table-cellspacing" title="attr-table-cellspacing"><code>cellspacing</code></dfn> on <code><a href="#the-table-element" id="table-40">table</a></code> elements</dt>
- <dt><dfn id="attr-table-frame" title="attr-table-frame"><code>frame</code></dfn> on <code><a href="#the-table-element" id="table-41">table</a></code> elements</dt>
- <dt><dfn id="attr-table-rules" title="attr-table-rules"><code>rules</code></dfn> on <code><a href="#the-table-element" id="table-42">table</a></code> elements</dt>
- <dt><dfn id="attr-table-width" title="attr-table-width"><code>width</code></dfn> on <code><a href="#the-table-element" id="table-43">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-align" title="attr-table-align"><code>align</code></dfn> on <code><a href="#the-table-element" id="table-38">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-bgcolor" title="attr-table-bgcolor"><code>bgcolor</code></dfn> on <code><a href="#the-table-element" id="table-39">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-cellpadding" title="attr-table-cellpadding"><code>cellpadding</code></dfn> on <code><a href="#the-table-element" id="table-40">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-cellspacing" title="attr-table-cellspacing"><code>cellspacing</code></dfn> on <code><a href="#the-table-element" id="table-41">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-frame" title="attr-table-frame"><code>frame</code></dfn> on <code><a href="#the-table-element" id="table-42">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-rules" title="attr-table-rules"><code>rules</code></dfn> on <code><a href="#the-table-element" id="table-43">table</a></code> elements</dt>
+ <dt><dfn id="attr-table-width" title="attr-table-width"><code>width</code></dfn> on <code><a href="#the-table-element" id="table-44">table</a></code> elements</dt>
<dt><dfn id="attr-tbody-align" title="attr-tbody-align"><code>align</code></dfn> on <code><a href="#the-tbody-element" id="tbody-22">tbody</a></code>, <code><a href="#the-thead-element" id="thead-20">thead</a></code>, and <code><a href="#the-tfoot-element" id="tfoot-20">tfoot</a></code> elements</dt>
<dt><dfn id="attr-tbody-char" title="attr-tbody-char"><code>char</code></dfn> on <code><a href="#the-tbody-element" id="tbody-23">tbody</a></code>, <code><a href="#the-thead-element" id="thead-21">thead</a></code>, and <code><a href="#the-tfoot-element" id="tfoot-21">tfoot</a></code> elements</dt>
<dt><dfn id="attr-tbody-charoff" title="attr-tbody-charoff"><code>charoff</code></dfn> on <code><a href="#the-tbody-element" id="tbody-24">tbody</a></code>, <code><a href="#the-thead-element" id="thead-22">thead</a></code>, and <code><a href="#the-tfoot-element" id="tfoot-22">tfoot</a></code> elements</dt>
@@ -24909,10 +24928,18 @@
<dt><dfn id="attr-tr-valign" title="attr-tr-valign"><code>valign</code></dfn> on <code><a href="#the-tr-element" id="tr-30">tr</a></code> elements</dt>
<dt><dfn id="attr-ul-compact" title="attr-ul-compact"><code>compact</code></dfn> on <code><a href="#the-ul-element" id="ul-16">ul</a></code> elements</dt>
<dt><dfn id="attr-ul-type" title="attr-ul-type"><code>type</code></dfn> on <code><a href="#the-ul-element" id="ul-17">ul</a></code> elements</dt>
- <dt><dfn id="attr-background" title="attr-background"><code>background</code></dfn> on <code><a href="#the-body-element-0" id="body-43">body</a></code>, <code><a href="#the-table-element" id="table-44">table</a></code>, <code><a href="#the-thead-element" id="thead-24">thead</a></code>, <code><a href="#the-tbody-element" id="tbody-26">tbody</a></code>, <code><a href="#the-tfoot-element" id="tfoot-24">tfoot</a></code>, <code><a href="#the-tr-element" id="tr-31">tr</a></code>, <code><a href="#the-td-element" id="td-35">td</a></code>, and <code><a href="#the-th-element" id="th-38">th</a></code> elements</dt>
+ <dt><dfn id="attr-background" title="attr-background"><code>background</code></dfn> on <code><a href="#the-body-element-0" id="body-43">body</a></code>, <code><a href="#the-table-element" id="table-45">table</a></code>, <code><a href="#the-thead-element" id="thead-24">thead</a></code>, <code><a href="#the-tbody-element" id="tbody-26">tbody</a></code>, <code><a href="#the-tfoot-element" id="tfoot-24">tfoot</a></code>, <code><a href="#the-tr-element" id="tr-31">tr</a></code>, <code><a href="#the-td-element" id="td-35">td</a></code>, and <code><a href="#the-th-element" id="th-38">th</a></code> elements</dt>
<dd><p>Use CSS instead.</p></dd>
- </dl><h2 id="iana"><span class="secno">11 </span>IANA considerations</h2><h3 id="text-html"><span class="secno">11.1 </span><dfn><code>text/html</code></dfn></h3><p>This registration is for community review and will be submitted
+ </dl><hr><p>The <code title="attr-table-border"><a href="#attr-table-border" id="border-0">border</a></code> attribute on
+ the <code><a href="#the-table-element" id="table-46">table</a></code> element can be used to provide basic fallback
+ styling for the purpose of making tables legible in browsing
+ environements where CSS support is limited or absent, such as
+ text-based browsers, WYSIWYG editors, and in situations where CSS
+ support is disabled or the style sheet is lost. Only the empty
+ string and the value "<code title="">1</code>" may be used as <code title="attr-table-border"><a href="#attr-table-border" id="border-1">border</a></code> values for this purpose.
+ Other values are considered obsolete. To regulate the thickness of
+ such borders, authors should instead use CSS.</p><h2 id="iana"><span class="secno">11 </span>IANA considerations</h2><h3 id="text-html"><span class="secno">11.1 </span><dfn><code>text/html</code></dfn></h3><p>This registration is for community review and will be submitted
to the IESG for review, approval, and registration with IANA.</p><dl><dt>Type name:</dt>
<dd>text</dd>
<dt>Subtype name:</dt>
@@ -25402,7 +25429,7 @@
</tr><tr><th><code><a href="#the-caption-element" id="caption-17">caption</a></code></th>
<td>Table caption</td>
<td>none</td>
- <td><code><a href="#the-table-element" id="table-45">table</a></code></td>
+ <td><code><a href="#the-table-element" id="table-47">table</a></code></td>
<td><a href="#flow-content" id="flow-content-165" title="Flow content">flow</a>*</td>
<td><a href="#global-attributes" id="global-attributes-119" title="global attributes">globals</a></td>
<td><code><a href="#htmltablecaptionelement" id="htmltablecaptionelement-1">HTMLTableCaptionElement</a></code></td>
@@ -25433,7 +25460,7 @@
</tr><tr><th><code><a href="#the-colgroup-element" id="colgroup-17">colgroup</a></code></th>
<td>Group of columns in a table</td>
<td>none</td>
- <td><code><a href="#the-table-element" id="table-46">table</a></code></td>
+ <td><code><a href="#the-table-element" id="table-48">table</a></code></td>
<td><code><a href="#the-col-element" id="col-11">col</a></code></td>
<td><a href="#global-attributes" id="global-attributes-123" title="global attributes">globals</a>;
<code title="attr-colgroup-span"><a href="#attr-colgroup-span" id="span-22">span</a></code></td>
@@ -26165,7 +26192,7 @@
<td><a href="#phrasing-content" id="phrasing-content-288" title="Phrasing content">phrasing</a></td>
<td><a href="#global-attributes" id="global-attributes-189" title="global attributes">globals</a></td>
<td><code><a href="#htmlelement" id="htmlelement-147">HTMLElement</a></code></td>
- </tr><tr><th><code><a href="#the-table-element" id="table-47">table</a></code></th>
+ </tr><tr><th><code><a href="#the-table-element" id="table-49">table</a></code></th>
<td>Table</td>
<td><a href="#flow-content" id="flow-content-251" title="Flow content">flow</a></td>
<td><a href="#flow-content" id="flow-content-252" title="Flow content">flow</a></td>
@@ -26175,12 +26202,13 @@
<code><a href="#the-tbody-element" id="tbody-27">tbody</a></code>*;
<code><a href="#the-tfoot-element" id="tfoot-25">tfoot</a></code>*;
<code><a href="#the-tr-element" id="tr-32">tr</a></code>*</td>
- <td><a href="#global-attributes" id="global-attributes-190" title="global attributes">globals</a></td>
+ <td><a href="#global-attributes" id="global-attributes-190" title="global attributes">globals</a>;
+ <code title="attr-table-border"><a href="#attr-table-border" id="border-2">border</a></code></td>
<td><code><a href="#htmltableelement" id="htmltableelement-0">HTMLTableElement</a></code></td>
</tr><tr><th><code><a href="#the-tbody-element" id="tbody-28">tbody</a></code></th>
<td>Group of rows in a table</td>
<td>none</td>
- <td><code><a href="#the-table-element" id="table-48">table</a></code></td>
+ <td><code><a href="#the-table-element" id="table-50">table</a></code></td>
<td><code><a href="#the-tr-element" id="tr-33">tr</a></code></td>
<td><a href="#global-attributes" id="global-attributes-191" title="global attributes">globals</a></td>
<td><code><a href="#htmltablesectionelement" id="htmltablesectionelement-5">HTMLTableSectionElement</a></code></td>
@@ -26222,7 +26250,7 @@
</tr><tr><th><code><a href="#the-tfoot-element" id="tfoot-26">tfoot</a></code></th>
<td>Group of footer rows in a table</td>
<td>none</td>
- <td><code><a href="#the-table-element" id="table-49">table</a></code></td>
+ <td><code><a href="#the-table-element" id="table-51">table</a></code></td>
<td><code><a href="#the-tr-element" id="tr-35">tr</a></code></td>
<td><a href="#global-attributes" id="global-attributes-194" title="global attributes">globals</a></td>
<td><code><a href="#htmltablesectionelement" id="htmltablesectionelement-6">HTMLTableSectionElement</a></code></td>
@@ -26240,7 +26268,7 @@
</tr><tr><th><code><a href="#the-thead-element" id="thead-26">thead</a></code></th>
<td>Group of heading rows in a table</td>
<td>none</td>
- <td><code><a href="#the-table-element" id="table-50">table</a></code></td>
+ <td><code><a href="#the-table-element" id="table-52">table</a></code></td>
<td><code><a href="#the-tr-element" id="tr-37">tr</a></code></td>
<td><a href="#global-attributes" id="global-attributes-196" title="global attributes">globals</a></td>
<td><code><a href="#htmltablesectionelement" id="htmltablesectionelement-7">HTMLTableSectionElement</a></code></td>
@@ -26264,7 +26292,7 @@
</tr><tr><th><code><a href="#the-tr-element" id="tr-38">tr</a></code></th>
<td>Table row</td>
<td>none</td>
- <td><code><a href="#the-table-element" id="table-51">table</a></code>;
+ <td><code><a href="#the-table-element" id="table-53">table</a></code>;
<code><a href="#the-thead-element" id="thead-27">thead</a></code>;
<code><a href="#the-tbody-element" id="tbody-29">tbody</a></code>;
<code><a href="#the-tfoot-element" id="tfoot-27">tfoot</a></code></td>
@@ -26425,7 +26453,7 @@
<code><a href="#the-sub-and-sup-elements" id="sub-9">sub</a></code>;
<code><a href="#the-sub-and-sup-elements" id="sup-7">sup</a></code>;
<code><a href="#svg" id="svg-4">svg</a></code>;
- <code><a href="#the-table-element" id="table-52">table</a></code>;
+ <code><a href="#the-table-element" id="table-54">table</a></code>;
<code><a href="#the-textarea-element" id="textarea-39">textarea</a></code>;
<code><a href="#the-time-element" id="time-19">time</a></code>;
<code><a href="#the-u-element" id="u-8">u</a></code>;
@@ -26694,6 +26722,10 @@
<code title="attr-media-autoplay"><a href="#attr-media-autoplay" id="video-0">video</a></code>
</td><td> Hint that the <a href="#media-resource" id="media-resource-49">media resource</a> can be started automatically when the page is loaded
</td><td> <a href="#boolean-attribute" id="boolean-attribute-29">Boolean attribute</a>
+ </td></tr><tr><th> <code title="">border</code>
+ </th><td> <code title="attr-table-border"><a href="#attr-table-border" id="border-3">border</a></code>
+ </td><td> Explicit indication that the <code><a href="#the-table-element" id="table-55">table</a></code> element is not being used for layout purposes
+ </td><td> The empty string, or "<code title="">1</code>"
</td></tr><tr><th> <code title="">challenge</code>
</th><td> <code title="attr-keygen-challenge"><a href="#attr-keygen-challenge" id="keygen-0">keygen</a></code>
</td><td> String to package with the generated and signed public key
@@ -27932,7 +27964,7 @@
</td></tr><tr><td> <code><a href="#the-sub-and-sup-elements" id="sup-9">sup</a></code>
</td><td> <code><a href="#htmlelement" id="htmlelement-238">HTMLElement</a></code>
- </td></tr><tr><td> <code><a href="#the-table-element" id="table-53">table</a></code>
+ </td></tr><tr><td> <code><a href="#the-table-element" id="table-56">table</a></code>
</td><td> <code><a href="#htmltableelement" id="htmltableelement-1">HTMLTableElement</a></code> : <code><a href="#htmlelement" id="htmlelement-239">HTMLElement</a></code>
</td></tr><tr><td> <code><a href="#the-tbody-element" id="tbody-30">tbody</a></code>
@@ -30554,13 +30586,37 @@
<a class="index-counter" href="#boolean-attribute-47">(21)</a>
<a class="index-counter" href="#boolean-attribute-48">(22)</a>
</dd>
+</dl><dl id="attr-table-border_index"><dt><span title="attr-table-border"><code>border</code></span>
+</dt>
+<dd class="dfn-excerpt">
+<span><span>...
+ attribute may be specified on a </span><code><a href="#the-table-element">table</a></code> element to
+ explicitly indicate that the <code><a href="#the-table-element">table</a></code> element is not being
+ used for layout purposes. If specified, the attribute's value must
+ either be the empty string or the value "<code title="">1</code>".
+ The attribute is used by certain user agents as an indication that
+ borders should be drawn around cells of the table.</span></dd>
+<dd>
+<a href="#border"><span class="secno">4.9.1 </span>The <span><code>table</code></span> element</a>
+<a class="dfn-ref" href="#attr-table-border">(2)</a>
+</dd>
+<dd>
+<a href="#border-0"><span class="secno">10.2 </span>Non-conforming features</a>
+<a class="index-counter" href="#border-1">(2)</a>
+</dd>
+<dd>
+<a class="no-num" href="#border-2">Elements</a>
+</dd>
+<dd>
+<a class="no-num" href="#border-3">Attributes</a>
+</dd>
</dl><dl id="attr-img-border_index"><dt><span title="attr-img-border"><code>border</code></span>
</dt>
<dd class="dfn-excerpt">
<span><span>... on </span><code><a href="#the-img-element">img</a></code> elements (except as noted in the previous section)</span>
</dd>
<dd>
-<a href="#border"><span class="secno">10.1 </span>Obsolete but conforming features</a>
+<a href="#border-4"><span class="secno">10.1 </span>Obsolete but conforming features</a>
</dd>
<dd>
<a class="dfn-ref" href="#attr-img-border"><span class="secno">10.2 </span>Non-conforming features</a>
@@ -30573,14 +30629,6 @@
<dd>
<a class="dfn-ref" href="#attr-object-border"><span class="secno">10.2 </span>Non-conforming features</a>
</dd>
-</dl><dl class="has-norefs" id="attr-table-border_index"><dt><span title="attr-table-border"><code>border</code></span>
-</dt>
-<dd class="dfn-excerpt">
-<span><span>... on </span><code><a href="#the-table-element">table</a></code> elements</span>
- </dd>
-<dd>
-<a class="dfn-ref" href="#attr-table-border"><span class="secno">10.2 </span>Non-conforming features</a>
-</dd>
</dl><dl id="the-br-element_index"><dt><span><code>br</code></span>
</dt>
<dd>
@@ -50257,84 +50305,89 @@
<dd>
<a class="dfn-ref" href="#the-table-element"><span class="secno">4.9.1 </span>The <span><code>table</code></span> element</a>
<a class="index-counter" href="#table-1">(2)</a>
+<a class="index-counter" href="#table-2">(3)</a>
+<a class="index-counter" href="#table-3">(4)</a>
</dd>
<dd>
-<a href="#table-2"><span class="secno">4.9.2 </span>The <span><code>caption</code></span> element</a>
-<a class="index-counter" href="#table-3">(2)</a>
-<a class="index-counter" href="#table-4">(3)</a>
-<a class="index-counter" href="#table-5">(4)</a>
-<a class="index-counter" href="#table-6">(5)</a>
+<a href="#table-4"><span class="secno">4.9.2 </span>The <span><code>caption</code></span> element</a>
+<a class="index-counter" href="#table-5">(2)</a>
+<a class="index-counter" href="#table-6">(3)</a>
+<a class="index-counter" href="#table-7">(4)</a>
+<a class="index-counter" href="#table-8">(5)</a>
</dd>
<dd>
-<a href="#table-7"><span class="secno">4.9.3 </span>The <span><code>colgroup</code></span> element</a>
-<a class="index-counter" href="#table-8">(2)</a>
-<a class="index-counter" href="#table-9">(3)</a>
+<a href="#table-9"><span class="secno">4.9.3 </span>The <span><code>colgroup</code></span> element</a>
+<a class="index-counter" href="#table-10">(2)</a>
+<a class="index-counter" href="#table-11">(3)</a>
</dd>
<dd>
-<a href="#table-10"><span class="secno">4.9.4 </span>The <span><code>col</code></span> element</a>
+<a href="#table-12"><span class="secno">4.9.4 </span>The <span><code>col</code></span> element</a>
</dd>
<dd>
-<a href="#table-11"><span class="secno">4.9.5 </span>The <span><code>tbody</code></span> element</a>
-<a class="index-counter" href="#table-12">(2)</a>
-<a class="index-counter" href="#table-13">(3)</a>
-<a class="index-counter" href="#table-14">(4)</a>
+<a href="#table-13"><span class="secno">4.9.5 </span>The <span><code>tbody</code></span> element</a>
+<a class="index-counter" href="#table-14">(2)</a>
+<a class="index-counter" href="#table-15">(3)</a>
+<a class="index-counter" href="#table-16">(4)</a>
</dd>
<dd>
-<a href="#table-15"><span class="secno">4.9.6 </span>The <span><code>thead</code></span> element</a>
-<a class="index-counter" href="#table-16">(2)</a>
-<a class="index-counter" href="#table-17">(3)</a>
-<a class="index-counter" href="#table-18">(4)</a>
+<a href="#table-17"><span class="secno">4.9.6 </span>The <span><code>thead</code></span> element</a>
+<a class="index-counter" href="#table-18">(2)</a>
+<a class="index-counter" href="#table-19">(3)</a>
+<a class="index-counter" href="#table-20">(4)</a>
</dd>
<dd>
-<a href="#table-19"><span class="secno">4.9.7 </span>The <span><code>tfoot</code></span> element</a>
-<a class="index-counter" href="#table-20">(2)</a>
-<a class="index-counter" href="#table-21">(3)</a>
-<a class="index-counter" href="#table-22">(4)</a>
-<a class="index-counter" href="#table-23">(5)</a>
-<a class="index-counter" href="#table-24">(6)</a>
+<a href="#table-21"><span class="secno">4.9.7 </span>The <span><code>tfoot</code></span> element</a>
+<a class="index-counter" href="#table-22">(2)</a>
+<a class="index-counter" href="#table-23">(3)</a>
+<a class="index-counter" href="#table-24">(4)</a>
+<a class="index-counter" href="#table-25">(5)</a>
+<a class="index-counter" href="#table-26">(6)</a>
</dd>
<dd>
-<a href="#table-25"><span class="secno">4.9.8 </span>The <span><code>tr</code></span> element</a>
-<a class="index-counter" href="#table-26">(2)</a>
+<a href="#table-27"><span class="secno">4.9.8 </span>The <span><code>tr</code></span> element</a>
+<a class="index-counter" href="#table-28">(2)</a>
</dd>
<dd>
-<a href="#table-27"><span class="secno">8.1.2.4 </span>Optional tags</a>
+<a href="#table-29"><span class="secno">8.1.2.4 </span>Optional tags</a>
</dd>
<dd>
-<a href="#table-28"><span class="secno">8.1.2.5 </span>Restrictions on content models</a>
-<a class="index-counter" href="#table-29">(2)</a>
-<a class="index-counter" href="#table-30">(3)</a>
+<a href="#table-30"><span class="secno">8.1.2.5 </span>Restrictions on content models</a>
+<a class="index-counter" href="#table-31">(2)</a>
+<a class="index-counter" href="#table-32">(3)</a>
</dd>
<dd>
-<a href="#table-31"><span class="secno">10.2 </span>Non-conforming features</a>
-<a class="index-counter" href="#table-32">(2)</a>
-<a class="index-counter" href="#table-33">(3)</a>
-<a class="index-counter" href="#table-34">(4)</a>
-<a class="index-counter" href="#table-35">(5)</a>
-<a class="index-counter" href="#table-36">(6)</a>
-<a class="index-counter" href="#table-37">(7)</a>
-<a class="index-counter" href="#table-38">(8)</a>
-<a class="index-counter" href="#table-39">(9)</a>
-<a class="index-counter" href="#table-40">(10)</a>
-<a class="index-counter" href="#table-41">(11)</a>
-<a class="index-counter" href="#table-42">(12)</a>
-<a class="index-counter" href="#table-43">(13)</a>
-<a class="index-counter" href="#table-44">(14)</a>
+<a href="#table-33"><span class="secno">10.2 </span>Non-conforming features</a>
+<a class="index-counter" href="#table-34">(2)</a>
+<a class="index-counter" href="#table-35">(3)</a>
+<a class="index-counter" href="#table-36">(4)</a>
+<a class="index-counter" href="#table-37">(5)</a>
+<a class="index-counter" href="#table-38">(6)</a>
+<a class="index-counter" href="#table-39">(7)</a>
+<a class="index-counter" href="#table-40">(8)</a>
+<a class="index-counter" href="#table-41">(9)</a>
+<a class="index-counter" href="#table-42">(10)</a>
+<a class="index-counter" href="#table-43">(11)</a>
+<a class="index-counter" href="#table-44">(12)</a>
+<a class="index-counter" href="#table-45">(13)</a>
+<a class="index-counter" href="#table-46">(14)</a>
</dd>
<dd>
-<a class="no-num" href="#table-45">Elements</a>
-<a class="index-counter" href="#table-46">(2)</a>
-<a class="index-counter" href="#table-47">(3)</a>
-<a class="index-counter" href="#table-48">(4)</a>
-<a class="index-counter" href="#table-49">(5)</a>
-<a class="index-counter" href="#table-50">(6)</a>
-<a class="index-counter" href="#table-51">(7)</a>
+<a class="no-num" href="#table-47">Elements</a>
+<a class="index-counter" href="#table-48">(2)</a>
+<a class="index-counter" href="#table-49">(3)</a>
+<a class="index-counter" href="#table-50">(4)</a>
+<a class="index-counter" href="#table-51">(5)</a>
+<a class="index-counter" href="#table-52">(6)</a>
+<a class="index-counter" href="#table-53">(7)</a>
</dd>
<dd>
-<a class="no-num" href="#table-52">Element content categories</a>
+<a class="no-num" href="#table-54">Element content categories</a>
</dd>
<dd>
-<a class="no-num" href="#table-53">Interfaces</a>
+<a class="no-num" href="#table-55">Attributes</a>
+</dd>
+<dd>
+<a class="no-num" href="#table-56">Interfaces</a>
</dd>
</dl><dl id="link-type-tag_index"><dt><span title="rel-tag"><code>tag</code></span>
</dt>
Index: spec.preprocessed.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/spec.preprocessed.html,v
retrieving revision 1.255
retrieving revision 1.256
diff -u -d -r1.255 -r1.256
--- spec.preprocessed.html 14 Apr 2011 22:54:09 -0000 1.255
+++ spec.preprocessed.html 15 Apr 2011 00:54:26 -0000 1.256
@@ -343,9 +343,9 @@
</head><body onload="init()"><div class="head" id="head">
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
- <h1>HTML5 <span class="edition">Edition for Web Authors</span> <span class="rcsrevision">revision 1.4830</span></h1>
+ <h1>HTML5 <span class="edition">Edition for Web Authors</span> <span class="rcsrevision">revision 1.4832</span></h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
- <h2 class="no-num no-toc" id="editor-s-draft-14-april-2011">Editor's Draft 14 April 2011</h2>
+ <h2 class="no-num no-toc" id="editor-s-draft-15-april-2011">Editor's Draft 15 April 2011</h2>
<dl><dt>Latest Published Version:</dt>
<dd><a href="http://www.w3.org/TR/html5/author/">http://www.w3.org/TR/html5/author/</a></dd>
<dt>Latest Editor's Draft:</dt>
@@ -365,7 +365,7 @@
<dt>Editor:</dt>
<dd><a href="mailto:ian@hixie.ch">Ian Hickson</a>, Google, Inc.</dd>
</dl><p>This specification is available in the following formats: <a href="spec.html">single page HTML</a>, <a href="Overview.html">multipage HTML</a>, <a href="http://dev.w3.org/html5/spec/">full specification</a>.
- This is revision 1.4830.</p>
+ This is revision 1.4832.</p>
<p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a>
© 2010 <a href="http://www.w3.org/"><abbr title="World Wide
Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts
@@ -515,7 +515,7 @@
Group</a> is the W3C working group responsible for this
specification's progress along the W3C Recommendation
track.
- This specification is the 14 April 2011 Editor's Draft.
+ This specification is the 15 April 2011 Editor's Draft.
</p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><p>Work on this specification is also done at the <a href="http://www.whatwg.org/">WHATWG</a>. The W3C HTML working group
actively pursues convergence with the WHATWG, as required by the <a href="http://www.w3.org/2007/03/HTML-WG-charter">W3C HTML working
group charter</a>.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5
@@ -801,7 +801,8 @@
<li><a href="#dimension-attributes"><span class="secno">4.8.17 </span>Dimension attributes</a></li></ol></li>
<li><a href="#tabular-data"><span class="secno">4.9 </span>Tabular data</a>
<ol><li><a href="#the-table-element"><span class="secno">4.9.1 </span>The <code>table</code> element</a>
- <ol><li><a href="#table-descriptions-techniques"><span class="secno">4.9.1.1 </span>Techniques for describing tables</a></li></ol></li>
+ <ol><li><a href="#table-descriptions-techniques"><span class="secno">4.9.1.1 </span>Techniques for describing tables</a></li>
+ <li><a href="#table-layout-techniques"><span class="secno">4.9.1.2 </span>Techniques for table layout</a></li></ol></li>
<li><a href="#the-caption-element"><span class="secno">4.9.2 </span>The <code>caption</code> element</a></li>
<li><a href="#the-colgroup-element"><span class="secno">4.9.3 </span>The <code>colgroup</code> element</a></li>
<li><a href="#the-col-element"><span class="secno">4.9.4 </span>The <code>col</code> element</a></li>
@@ -26503,6 +26504,7 @@
total).</dd>
<dt>Content attributes:</dt>
<dd><a href="#global-attributes">Global attributes</a></dd>
+ <dd><code title="attr-table-border"><a href="#attr-table-border">border</a></code></dd>
<dt>DOM interface:</dt>
<dd>
<pre class="idl">interface <dfn id="htmltableelement">HTMLTableElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
@@ -26520,15 +26522,26 @@
readonly attribute <a href="#htmlcollection">HTMLCollection</a> <a href="#dom-table-rows" title="dom-table-rows">rows</a>;
<a href="#htmlelement">HTMLElement</a> <a href="#dom-table-insertrow" title="dom-table-insertRow">insertRow</a>(in optional long index);
void <a href="#dom-table-deleterow" title="dom-table-deleteRow">deleteRow</a>(in long index);
+ attribute DOMString <a href="#dom-table-border" title="dom-table-border">border</a>;
};</pre>
</dd>
</dl><p>The <code><a href="#the-table-element">table</a></code> element <a href="#represents">represents</a> data with
more than one dimension, in the form of a <a href="#concept-table" title="concept-table">table</a>.</p><div class="impl">
-
<p>The <code><a href="#the-table-element">table</a></code> element takes part in the <a href="#table-model">table
model</a>.</p>
-
- </div><p>Tables should not be used as layout aids.
+ </div><p>Tables have rows, columns, and cells given by their descendants.
+ The rows and columns form a grid; a table's cells must completely
+ cover that grid without overlap.</p><div class="impl">
+ <p class="note">Precise rules for determining whether this
+ conformance requirement is met are described in the description of
+ the <a href="#table-model">table model</a>.</p>
+ </div><hr><p>Authors are encouraged to provide information describing how to
+ interpret complex tables. Guidance on how <a href="#table-descriptions-techniques">provide such information</a>
+ is given below.</p><div class="impl">
+ <p>If a <code><a href="#the-table-element">table</a></code> element has a <code title="attr-table-summary"><a href="#attr-table-summary">summary</a></code> attribute, and the user
+ agent has not classified the table as a layout table, the user agent
+ may report the contents of that attribute to the user.</p>
+ </div><hr><p>Tables should not be used as layout aids.
Historically, many Web authors have tables in HTML as a way to
control their page layout making it difficult to extract tabular
@@ -26544,20 +26557,47 @@
intent of the author to tools that wish to extract tabular data from
the document.</p><p class="note">There are a variety of alternatives to using HTML
tables for layout, primarily using CSS positioning and the CSS table
- model.</p><p>Tables have rows, columns, and cells given by their descendants.
- The rows and columns form a grid; a table's cells must completely
- cover that grid without overlap.</p><div class="impl">
- <p class="note">Precise rules for determining whether this
- conformance requirement is met are described in the description of
- the <a href="#table-model">table model</a>.</p>
- </div><p>Authors are encouraged to provide information describing how to
- interpret complex tables. Guidance on how <a href="#table-descriptions-techniques">provide such information</a>
- is given below.</p><div class="impl">
+ model.</p><p>The <dfn id="attr-table-border" title="attr-table-border"><code>border</code></dfn>
+ attribute may be specified on a <code><a href="#the-table-element">table</a></code> element to
+ explicitly indicate that the <code><a href="#the-table-element">table</a></code> element is not being
+ used for layout purposes. If specified, the attribute's value must
+ either be the empty string or the value "<code title="">1</code>".
+ The attribute is used by certain user agents as an indication that
+ borders should be drawn around cells of the table.</p><div class="impl">
+ <p>Tables can be complicated to understand and navigate. To help
+ users with this, user agents should clearly dilineate cells in a
+ table from each other, unless the user agent has classified the
+ table as a
+ layout table.</p>
+ </div><p class="note">Authors <span class="impl">and implementors</span>
+ are encouraged to consider using some of the <a href="#table-layout-techniques">table layout techniques</a>
+ described below to make tables easier to navigate for users.</p><div class="impl">
- <p>If a <code><a href="#the-table-element">table</a></code> element has a <code title="attr-table-summary"><a href="#attr-table-summary">summary</a></code> attribute, the user agent
- may report the contents of that attribute to the user.</p>
+ <p>User agents, especially those that do table analysis on arbitrary
+ content, are encouraged to find heuristics to determine which tables
+ actually contain data and which are merely being used for layout.
+ This specification does not define a precise heuristic, but the
+ following are suggested as possible indicators:</p>
- </div><dl class="domintro"><dt><var title="">table</var> . <code title="dom-table-caption"><a href="#dom-table-caption">caption</a></code> [ = <var title="">value</var> ]</dt>
+ <table><thead><tr><th>Feature
+ </th><th>Indication
+ </th></tr></thead><tbody><tr><td>The use of the <code title="attr-aria-role">role</code> attribute with the value <code title="attr-aria-role-presentation">presentation</code>
+ </td><td>Probably a layout table
+ </td></tr><tr><td>The use of the <code title="attr-table-border"><a href="#attr-table-border">border</a></code> attribute with the non-conforming value 0
+ </td><td>Probably a layout table
+ </td></tr><tr><td>The use of the non-conforming <code title="attr-table-cellspacing"><a href="#attr-table-cellspacing">cellspacing</a></code> and <code title="attr-table-cellpadding"><a href="#attr-table-cellpadding">cellpadding</a></code> attributes with the value 0
+ </td><td>Probably a layout table
+ </td></tr></tbody><tbody><tr><td>The use of <code><a href="#the-caption-element">caption</a></code>, <code><a href="#the-thead-element">thead</a></code>, or <code><a href="#the-th-element">th</a></code> elements
+ </td><td>Probably a non-layout table
+ </td></tr><tr><td>The use of the <code title="attr-tdth-headers"><a href="#attr-tdth-headers">headers</a></code> and <code title="attr-th-scope"><a href="#attr-th-scope">scope</a></code> attributes
+ </td><td>Probably a non-layout table
+ </td></tr><tr><td>The use of the <code title="attr-table-border"><a href="#attr-table-border">border</a></code> attribute with a value other than 0
+ </td><td>Probably a non-layout table
+ </td></tr><tr><td>Explicit visible borders set using CSS
+ </td><td>Probably a non-layout table
+ </td></tr></tbody><tbody><tr><td>The use of the <code title="attr-table-summary"><a href="#attr-table-summary">summary</a></code> attribute
+ </td><td>Not a good indicator (both layout and non-layout tables have historically been given this attribute)
+ </td></tr></tbody></table></div><hr><dl class="domintro"><dt><var title="">table</var> . <code title="dom-table-caption"><a href="#dom-table-caption">caption</a></code> [ = <var title="">value</var> ]</dt>
<dd>
<p>Returns the table's <code><a href="#the-caption-element">caption</a></code> element.</p>
<p>Can be set, to replace the <code><a href="#the-caption-element">caption</a></code> element. If the
@@ -26805,7 +26845,11 @@
<li><p>Otherwise, the method must remove the <var title="">index</var>th element in the <code title="dom-table-rows"><a href="#dom-table-rows">rows</a></code> collection from its parent.</p>
- </li></ol></div><div class="example">
+ </li></ol><p>The <dfn id="dom-table-border" title="dom-table-border"><code>border</code></dfn> IDL
+ attribute must <a href="#reflect">reflect</a> the content attribute of the
+ same name.</p>
+
+ </div><div class="example">
<p>Here is an example of a table being used to mark up a Sudoku
puzzle. Observe the lack of headers, which are not necessary in
@@ -27024,6 +27068,19 @@
<td> Passing
</table></pre>
+ </div><h5 id="table-layout-techniques"><span class="secno">4.9.1.2 </span>Techniques for table layout</h5><p>Good table layout is key to making tables more readable and usable.</p><p>In visual media, providing column and row borders and alternating
+ row backgrounds can be very effective to make complicated tables
+ more readable.</p><p>For tables with large volumes of numeric content, using
+ monospaced fonts can help users see patterns, especially in
+ situations where a user agent does not render the borders.
+ (Unfortunately, for historical reasons, not rendering borders on
+ tables is a common default.)</p><p>In speech media, table cells can be distinguished by reporting
+ the corresponding headers before reading the cell's contents, and by
+ allowing users to navigate the table in a grid fashion, rather than
+ serialising the entire contents of the table in source order.</p><p>Authors are encouraged to use CSS to achieve these effects.</p><div class="impl">
+ <p>User agents are encouraged to render tables using these
+ techniques whenever the page does not use CSS and the table is not
+ classified as a layout table.</p>
</div><h4 id="the-caption-element"><span class="secno">4.9.2 </span>The <dfn><code>caption</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element can be used:</dt>
@@ -42683,7 +42740,7 @@
URL</a> that was found earlier in this algorithm as the
<a href="#url">URL</a> of the entry.</p></li>
- <li><p>Update the <a href="#current-entry">current entry</a> to be the this newly
+ <li><p>Update the <a href="#current-entry">current entry</a> to be this newly
added entry.</p></li>
</ol><p>Otherwise, if the method invoked was the <code title="dom-history-replaceState"><a href="#dom-history-replacestate">replaceState()</a></code> method:</p>
@@ -64639,7 +64696,6 @@
<dt><dfn id="attr-pre-width" title="attr-pre-width"><code>width</code></dfn> on <code><a href="#the-pre-element">pre</a></code> elements</dt>
<dt><dfn id="attr-table-align" title="attr-table-align"><code>align</code></dfn> on <code><a href="#the-table-element">table</a></code> elements</dt>
<dt><dfn id="attr-table-bgcolor" title="attr-table-bgcolor"><code>bgcolor</code></dfn> on <code><a href="#the-table-element">table</a></code> elements</dt>
- <dt><dfn id="attr-table-border" title="attr-table-border"><code>border</code></dfn> on <code><a href="#the-table-element">table</a></code> elements</dt>
<dt><dfn id="attr-table-cellpadding" title="attr-table-cellpadding"><code>cellpadding</code></dfn> on <code><a href="#the-table-element">table</a></code> elements</dt>
<dt><dfn id="attr-table-cellspacing" title="attr-table-cellspacing"><code>cellspacing</code></dfn> on <code><a href="#the-table-element">table</a></code> elements</dt>
<dt><dfn id="attr-table-frame" title="attr-table-frame"><code>frame</code></dfn> on <code><a href="#the-table-element">table</a></code> elements</dt>
@@ -64667,7 +64723,15 @@
<dt><dfn id="attr-background" title="attr-background"><code>background</code></dfn> on <code><a href="#the-body-element-0">body</a></code>, <code><a href="#the-table-element">table</a></code>, <code><a href="#the-thead-element">thead</a></code>, <code><a href="#the-tbody-element">tbody</a></code>, <code><a href="#the-tfoot-element">tfoot</a></code>, <code><a href="#the-tr-element">tr</a></code>, <code><a href="#the-td-element">td</a></code>, and <code><a href="#the-th-element">th</a></code> elements</dt>
<dd><p>Use CSS instead.</p></dd>
- </dl><div class="impl">
+ </dl><hr><p>The <code title="attr-table-border"><a href="#attr-table-border">border</a></code> attribute on
+ the <code><a href="#the-table-element">table</a></code> element can be used to provide basic fallback
+ styling for the purpose of making tables legible in browsing
+ environements where CSS support is limited or absent, such as
+ text-based browsers, WYSIWYG editors, and in situations where CSS
+ support is disabled or the style sheet is lost. Only the empty
+ string and the value "<code title="">1</code>" may be used as <code title="attr-table-border"><a href="#attr-table-border">border</a></code> values for this purpose.
+ Other values are considered obsolete. To regulate the thickness of
+ such borders, authors should instead use CSS.</p><div class="impl">
<h3 id="requirements-for-implementations"><span class="secno">11.3 </span>Requirements for implementations</h3>
@@ -65579,7 +65643,6 @@
interface <a href="#htmltableelement">HTMLTableElement</a> {
attribute DOMString <a href="#dom-table-align" title="dom-table-align">align</a>;
attribute DOMString <a href="#dom-table-bgcolor" title="dom-table-bgColor">bgColor</a>;
- attribute DOMString <a href="#dom-table-border" title="dom-table-border">border</a>;
attribute DOMString <a href="#dom-table-cellpadding" title="dom-table-cellPadding">cellPadding</a>;
attribute DOMString <a href="#dom-table-cellspacing" title="dom-table-cellSpacing">cellSpacing</a>;
attribute DOMString <a href="#dom-table-frame" title="dom-table-frame">frame</a>;
@@ -65588,7 +65651,7 @@
attribute DOMString <a href="#dom-table-width" title="dom-table-width">width</a>;
};</pre>
- <p>The <dfn id="dom-table-align" title="dom-table-align"><code>align</code></dfn>, <dfn id="dom-table-border" title="dom-table-border"><code>border</code></dfn>, <dfn id="dom-table-frame" title="dom-table-frame"><code>frame</code></dfn>, <dfn id="dom-table-summary" title="dom-table-summary"><code>summary</code></dfn>, <dfn id="dom-table-rules" title="dom-table-rules"><code>rules</code></dfn>, and <dfn id="dom-table-width" title="dom-table-width"><code>width</code></dfn>, IDL attributes of
+ <p>The <dfn id="dom-table-align" title="dom-table-align"><code>align</code></dfn>, <dfn id="dom-table-frame" title="dom-table-frame"><code>frame</code></dfn>, <dfn id="dom-table-summary" title="dom-table-summary"><code>summary</code></dfn>, <dfn id="dom-table-rules" title="dom-table-rules"><code>rules</code></dfn>, and <dfn id="dom-table-width" title="dom-table-width"><code>width</code></dfn>, IDL attributes of
the <code><a href="#the-table-element">table</a></code> element must <a href="#reflect">reflect</a> the
respective content attributes of the same name.</p>
@@ -67075,7 +67138,8 @@
<code><a href="#the-tbody-element">tbody</a></code>*;
<code><a href="#the-tfoot-element">tfoot</a></code>*;
<code><a href="#the-tr-element">tr</a></code>*</td>
- <td><a href="#global-attributes" title="global attributes">globals</a></td>
+ <td><a href="#global-attributes" title="global attributes">globals</a>;
+ <code title="attr-table-border"><a href="#attr-table-border">border</a></code></td>
<td><code><a href="#htmltableelement">HTMLTableElement</a></code></td>
</tr><tr><th><code><a href="#the-tbody-element">tbody</a></code></th>
<td>Group of rows in a table</td>
@@ -67594,6 +67658,10 @@
<code title="attr-media-autoplay"><a href="#attr-media-autoplay">video</a></code>
</td><td> Hint that the <a href="#media-resource">media resource</a> can be started automatically when the page is loaded
</td><td> <a href="#boolean-attribute">Boolean attribute</a>
+ </td></tr><tr><th> <code title="">border</code>
+ </th><td> <code title="attr-table-border"><a href="#attr-table-border">border</a></code>
+ </td><td> Explicit indication that the <code><a href="#the-table-element">table</a></code> element is not being used for layout purposes
+ </td><td> The empty string, or "<code title="">1</code>"
</td></tr><tr><th> <code title="">challenge</code>
</th><td> <code title="attr-keygen-challenge"><a href="#attr-keygen-challenge">keygen</a></code>
</td><td> String to package with the generated and signed public key
Received on Friday, 15 April 2011 00:54:33 UTC