- From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 04 May 2010 01:41:27 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv4049
Modified Files:
Overview.html
Log Message:
Captions - Stage 1: the <track> element. (whatwg r5067)
Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.4068
retrieving revision 1.4069
diff -u -d -r1.4068 -r1.4069
--- Overview.html 30 Apr 2010 23:13:33 -0000 1.4068
+++ Overview.html 4 May 2010 01:41:24 -0000 1.4069
@@ -285,7 +285,7 @@
<h1>HTML5</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-30-april-2010">Editor's Draft 30 April 2010</h2>
+ <h2 class="no-num no-toc" id="editor-s-draft-4-may-2010">Editor's Draft 4 May 2010</h2>
<dl><dt>Latest Published Version:</dt>
<dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd>
<dt>Latest Editor's Draft:</dt>
@@ -392,7 +392,7 @@
specification's progress along the W3C Recommendation
track.
- This specification is the 30 April 2010 Editor's Draft.
+ This specification is the 4 May 2010 Editor's Draft.
</p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>The contents of this specification are also part of <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">a
specification</a> published by the <a href="http://www.whatwg.org/">WHATWG</a>, which is available under a
license that permits reuse of the specification text.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- required patent boilerplate --><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5
@@ -670,34 +670,36 @@
<li><a href="#video"><span class="secno">4.8.6 </span>The <code>video</code> element</a></li>
<li><a href="#audio"><span class="secno">4.8.7 </span>The <code>audio</code> element</a></li>
<li><a href="#the-source-element"><span class="secno">4.8.8 </span>The <code>source</code> element</a></li>
- <li><a href="#media-elements"><span class="secno">4.8.9 </span>Media elements</a>
+ <li><a href="#the-track-element"><span class="secno">4.8.9 </span>The <code>track</code> element</a></li>
+ <li><a href="#media-elements"><span class="secno">4.8.10 </span>Media elements</a>
<ol>
- <li><a href="#error-codes"><span class="secno">4.8.9.1 </span>Error codes</a></li>
- <li><a href="#location-of-the-media-resource"><span class="secno">4.8.9.2 </span>Location of the media resource</a></li>
- <li><a href="#mime-types"><span class="secno">4.8.9.3 </span>MIME types</a></li>
- <li><a href="#network-states"><span class="secno">4.8.9.4 </span>Network states</a></li>
- <li><a href="#loading-the-media-resource"><span class="secno">4.8.9.5 </span>Loading the media resource</a></li>
- <li><a href="#offsets-into-the-media-resource"><span class="secno">4.8.9.6 </span>Offsets into the media resource</a></li>
- <li><a href="#the-ready-states"><span class="secno">4.8.9.7 </span>The ready states</a></li>
- <li><a href="#playing-the-media-resource"><span class="secno">4.8.9.8 </span>Playing the media resource</a></li>
- <li><a href="#seeking"><span class="secno">4.8.9.9 </span>Seeking</a></li>
- <li><a href="#user-interface"><span class="secno">4.8.9.10 </span>User interface</a></li>
- <li><a href="#time-ranges"><span class="secno">4.8.9.11 </span>Time ranges</a></li>
- <li><a href="#mediaevents"><span class="secno">4.8.9.12 </span>Event summary</a></li>
- <li><a href="#security-and-privacy-considerations"><span class="secno">4.8.9.13 </span>Security and privacy considerations</a></ol></li>
- <li><a href="#the-canvas-element"><span class="secno">4.8.10 </span>The <code>canvas</code> element</a>
+ <li><a href="#error-codes"><span class="secno">4.8.10.1 </span>Error codes</a></li>
+ <li><a href="#location-of-the-media-resource"><span class="secno">4.8.10.2 </span>Location of the media resource</a></li>
+ <li><a href="#mime-types"><span class="secno">4.8.10.3 </span>MIME types</a></li>
+ <li><a href="#network-states"><span class="secno">4.8.10.4 </span>Network states</a></li>
+ <li><a href="#loading-the-media-resource"><span class="secno">4.8.10.5 </span>Loading the media resource</a></li>
+ <li><a href="#offsets-into-the-media-resource"><span class="secno">4.8.10.6 </span>Offsets into the media resource</a></li>
+ <li><a href="#the-ready-states"><span class="secno">4.8.10.7 </span>The ready states</a></li>
+ <li><a href="#playing-the-media-resource"><span class="secno">4.8.10.8 </span>Playing the media resource</a></li>
+ <li><a href="#seeking"><span class="secno">4.8.10.9 </span>Seeking</a></li>
+ <li><a href="#timed-tracks"><span class="secno">4.8.10.10 </span>Timed tracks</a></li>
+ <li><a href="#user-interface"><span class="secno">4.8.10.11 </span>User interface</a></li>
+ <li><a href="#time-ranges"><span class="secno">4.8.10.12 </span>Time ranges</a></li>
+ <li><a href="#mediaevents"><span class="secno">4.8.10.13 </span>Event summary</a></li>
+ <li><a href="#security-and-privacy-considerations"><span class="secno">4.8.10.14 </span>Security and privacy considerations</a></ol></li>
+ <li><a href="#the-canvas-element"><span class="secno">4.8.11 </span>The <code>canvas</code> element</a>
<ol>
- <li><a href="#color-spaces-and-color-correction"><span class="secno">4.8.10.1 </span>Color spaces and color correction</a></li>
- <li><a href="#security-with-canvas-elements"><span class="secno">4.8.10.2 </span>Security with <code>canvas</code> elements</a></ol></li>
- <li><a href="#the-map-element"><span class="secno">4.8.11 </span>The <code>map</code> element</a></li>
- <li><a href="#the-area-element"><span class="secno">4.8.12 </span>The <code>area</code> element</a></li>
- <li><a href="#image-maps"><span class="secno">4.8.13 </span>Image maps</a>
+ <li><a href="#color-spaces-and-color-correction"><span class="secno">4.8.11.1 </span>Color spaces and color correction</a></li>
+ <li><a href="#security-with-canvas-elements"><span class="secno">4.8.11.2 </span>Security with <code>canvas</code> elements</a></ol></li>
+ <li><a href="#the-map-element"><span class="secno">4.8.12 </span>The <code>map</code> element</a></li>
+ <li><a href="#the-area-element"><span class="secno">4.8.13 </span>The <code>area</code> element</a></li>
+ <li><a href="#image-maps"><span class="secno">4.8.14 </span>Image maps</a>
<ol>
- <li><a href="#authoring"><span class="secno">4.8.13.1 </span>Authoring</a></li>
- <li><a href="#processing-model"><span class="secno">4.8.13.2 </span>Processing model</a></ol></li>
- <li><a href="#mathml"><span class="secno">4.8.14 </span>MathML</a></li>
- <li><a href="#svg-0"><span class="secno">4.8.15 </span>SVG</a></li>
- <li><a href="#dimension-attributes"><span class="secno">4.8.16 </span>Dimension attributes</a></ol></li>
+ <li><a href="#authoring"><span class="secno">4.8.14.1 </span>Authoring</a></li>
+ <li><a href="#processing-model"><span class="secno">4.8.14.2 </span>Processing model</a></ol></li>
+ <li><a href="#mathml"><span class="secno">4.8.15 </span>MathML</a></li>
+ <li><a href="#svg-0"><span class="secno">4.8.16 </span>SVG</a></li>
+ <li><a href="#dimension-attributes"><span class="secno">4.8.17 </span>Dimension attributes</a></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></li>
@@ -1191,10 +1193,11 @@
<li><a href="#replaced-elements"><span class="secno">10.3 </span>Replaced elements</a>
<ol>
<li><a href="#embedded-content-2"><span class="secno">10.3.1 </span>Embedded content</a></li>
- <li><a href="#images"><span class="secno">10.3.2 </span>Images</a></li>
- <li><a href="#attributes-for-embedded-content-and-images"><span class="secno">10.3.3 </span>Attributes for embedded content and images</a></li>
- <li><a href="#image-maps-0"><span class="secno">10.3.4 </span>Image maps</a></li>
- <li><a href="#toolbars-0"><span class="secno">10.3.5 </span>Toolbars</a></ol></li>
+ <li><a href="#timed-tracks-0"><span class="secno">10.3.2 </span>Timed tracks</a></li>
+ <li><a href="#images"><span class="secno">10.3.3 </span>Images</a></li>
+ <li><a href="#attributes-for-embedded-content-and-images"><span class="secno">10.3.4 </span>Attributes for embedded content and images</a></li>
+ <li><a href="#image-maps-0"><span class="secno">10.3.5 </span>Image maps</a></li>
+ <li><a href="#toolbars-0"><span class="secno">10.3.6 </span>Toolbars</a></ol></li>
<li><a href="#bindings"><span class="secno">10.4 </span>Bindings</a>
<ol>
<li><a href="#introduction-7"><span class="secno">10.4.1 </span>Introduction</a></li>
@@ -19767,8 +19770,8 @@
<dt>Contexts in which this element may be used:</dt>
<dd>Where <a href="#embedded-content">embedded content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>If the element has a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
- <dd>If the element does not have a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: one or more <code><a href="#the-source-element">source</a></code> elements, then, <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
+ <dd>If the element has a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: zero or more <code><a href="#the-track-element">track</a></code> elements, then <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
+ <dd>If the element does not have a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: one or more <code><a href="#the-source-element">source</a></code> elements, then zero or more <code><a href="#the-track-element">track</a></code> elements, then <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
<dt>Content attributes:</dt>
<dd><a href="#global-attributes">Global attributes</a></dd>
<dd><code title="attr-media-src"><a href="#attr-media-src">src</a></code></dd>
@@ -20022,8 +20025,8 @@
<dt>Contexts in which this element may be used:</dt>
<dd>Where <a href="#embedded-content">embedded content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>If the element has a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
- <dd>If the element does not have a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: one or more <code><a href="#the-source-element">source</a></code> elements, then, <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
+ <dd>If the element has a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: zero or more <code><a href="#the-track-element">track</a></code> elements, then <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
+ <dd>If the element does not have a <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute: one or more <code><a href="#the-source-element">source</a></code> elements, then zero or more <code><a href="#the-track-element">track</a></code> elements, then <a href="#transparent">transparent</a>, but with no <a href="#media-element">media element</a> descendants.</dd>
<dt>Content attributes:</dt>
<dd><a href="#global-attributes">Global attributes</a></dd>
<dd><code title="attr-media-src"><a href="#attr-media-src">src</a></code></dd>
@@ -20129,7 +20132,7 @@
(when replacing this text, also fix "- -" nested comments)--><h4 id="the-source-element"><span class="secno">4.8.8 </span>The <dfn><code>source</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>As a child of a <a href="#media-element">media element</a>, before any <a href="#flow-content">flow content</a>.</dd>
+ <dd>As a child of a <a href="#media-element">media element</a>, before any <a href="#flow-content">flow content</a> or <code><a href="#the-track-element">track</a></code> elements.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -20286,7 +20289,73 @@
...
</video></pre>
- </div><h4 id="media-elements"><span class="secno">4.8.9 </span>Media elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="media-element" title="media element">Media elements</dfn> implement the
+ </div><h4 id="the-track-element"><span class="secno">4.8.9 </span>The <dfn><code>track</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
+ <dd>None.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>As a child of a <a href="#media-element">media element</a>, before any <a href="#flow-content">flow content</a>.</dd>
+ <dt>Content model:</dt>
+ <dd>Empty.</dd>
+ <dt>Content attributes:</dt>
+ <dd><a href="#global-attributes">Global attributes</a></dd>
+ <dd><code title="attr-track-kind"><a href="#attr-track-kind">kind</a></code></dd>
+ <dd><code title="attr-track-label"><a href="#attr-track-label">label</a></code></dd>
+ <dd><code title="attr-track-src"><a href="#attr-track-src">src</a></code></dd>
+ <dd><code title="attr-track-srclang"><a href="#attr-track-srclang">srclang</a></code></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+<pre class="idl">interface <dfn id="htmltrackelement">HTMLTrackElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
+ attribute DOMString <a href="#dom-track-kind" title="dom-track-kind">kind</a>;
+ attribute DOMString <a href="#dom-track-label" title="dom-track-label">label</a>;
+ attribute DOMString <a href="#dom-track-src" title="dom-track-src">src</a>;
+ attribute DOMString <a href="#dom-track-srclang" title="dom-track-srclang">srclang</a>;
+};</pre>
+ </dd>
+ </dl><p>The <code><a href="#the-track-element">track</a></code> element allows authors to specify explicit
+ external timed tracks for <a href="#media-element" title="media element">media
+ elements</a>. It does not <a href="#represents" title="represents">represent</a> anything on its own.<p>The <dfn id="attr-track-kind" title="attr-track-kind"><code>kind</code></dfn>
+ attribute is an <a href="#enumerated-attribute">enumerated attribute</a>. The following
+ table lists the keywords defined for this attribute. The states
+ given in the first cell of the rows with keywords give the states to
+ which those keywords map.<table><thead><tr><th>State
+ <th>Keywords
+ <th>Brief description
+ <tbody><tr><td><span title="attr-track-kind-subtitle">Subtitles</span>
+ <td><dfn id="attr-track-kind-keyword-subtitles" title="attr-track-kind-keyword-subtitles"><code>subtitles</code></dfn>
+ <td>Translation of the dialogue, suitable for when the sound is available but not understood (e.g. because the user does not understand the language of the <a href="#media-resource">media resource</a>'s soundtrack).
+ <tr><td><span title="attr-track-kind-caption">Captions</span>
+ <td><dfn id="attr-track-kind-keyword-captions" title="attr-track-kind-keyword-captions"><code>captions</code></dfn>
+ <td>Transcription of the dialogue, suitable for when the soundtrack is unavailable (e.g. because it is muted or because the user is deaf).
+ <tr><td><span title="attr-track-kind-descriptions">Descriptions</span>
+ <td><dfn id="attr-track-kind-keyword-descriptions" title="attr-track-kind-keyword-descriptions"><code>descriptions</code></dfn>
+ <td>Textual descriptions of the video component of the <a href="#media-resource">media resource</a>, intended for audio synthesis when the visual component is unavailable (e.g. because the user is interacting with the application without a screen while driving, or because the user is blind).
+ <tr><td><span title="attr-track-kind-chapters">Chapters</span>
+ <td><dfn id="attr-track-kind-keyword-chapters" title="attr-track-kind-keyword-chapters"><code>chapters</code></dfn>
+ <td>Chapter titles, intended to be used for navigating the <a href="#media-resource">media resource</a>.
+ <tr><td><span title="attr-track-kind-metadata">Metadata</span>
+ <td><dfn id="attr-track-kind-keyword-metadata" title="attr-track-kind-keyword-metadata"><code>metadata</code></dfn>
+ <td>Tracks intended for use from script.
+ </table><p>The attribute may be omitted. The <i>missing value default</i> is
+ the <span title="attr-track-kind-captions">captions</span> state.<p>The <dfn id="attr-track-src" title="attr-track-src"><code>src</code></dfn> attribute
+ gives the address of the time track data. The value must be a
+ <a href="#valid-non-empty-url-potentially-surrounded-by-spaces">valid non-empty URL potentially surrounded by
+ spaces</a>. This attribute must be present.<p>The <dfn id="attr-track-srclang" title="attr-track-srclang"><code>srclang</code></dfn>
+ attribute gives the language of the time track data. The value must
+ be a valid BCP 47 language tag. This attribute must be present if
+ the element's <code title="attr-track-kind"><a href="#attr-track-kind">kind</a></code> attribute is
+ in the <span title="attr-track-kind-subtitles">subtitles</span>
+ state. <a href="#refsBCP47">[BCP47]</a><p>The <dfn id="attr-track-label" title="attr-track-label"><code>label</code></dfn>
+ attribute gives a user-readable title for the track.<p>There must not be two <code><a href="#the-track-element">track</a></code> element children of the
+ same <a href="#media-element">media element</a> whose <code title="attr-track-kind"><a href="#attr-track-kind">kind</a></code> attributes are in the same
+ state, whose <code title="attr-track-srclang"><a href="#attr-track-srclang">srclang</a></code>
+ attributes are both missing or have values that represent the same
+ language, and whose <code title="attr-track-label"><a href="#attr-track-label">label</a></code>
+ attributes are again both missing or both have the same value.<div class="impl">
+
+ <p>The IDL attributes <dfn id="dom-track-kind" title="dom-track-kind"><code>kind</code></dfn>, <dfn id="dom-track-label" title="dom-track-label"><code>label</code></dfn>, <dfn id="dom-track-src" title="dom-track-src"><code>src</code></dfn>, and <dfn id="dom-track-srclang" title="dom-track-srclang"><code>srclang</code></dfn> must
+ <a href="#reflect">reflect</a> the respective content attributes of the same
+ name.</p>
+
+ </div><h4 id="media-elements"><span class="secno">4.8.10 </span>Media elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="media-element" title="media element">Media elements</dfn> implement the
following interface:<pre class="idl">interface <dfn id="htmlmediaelement">HTMLMediaElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
// error state
@@ -20400,7 +20469,7 @@
section and its subsections is the <dfn id="media-element-event-task-source">media element event task
source</dfn>.</p>
- </div><h5 id="error-codes"><span class="secno">4.8.9.1 </span>Error codes</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-error"><a href="#dom-media-error">error</a></code></dt>
+ </div><h5 id="error-codes"><span class="secno">4.8.10.1 </span>Error codes</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-error"><a href="#dom-media-error">error</a></code></dt>
<dd>
@@ -20461,7 +20530,7 @@
<dd>The <a href="#media-resource">media resource</a> indicated by the <code title="attr-media-src"><a href="#attr-media-src">src</a></code> attribute was not suitable.</dd>
- </dl><h5 id="location-of-the-media-resource"><span class="secno">4.8.9.2 </span>Location of the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="attr-media-src" title="attr-media-src"><code>src</code></dfn> content
+ </dl><h5 id="location-of-the-media-resource"><span class="secno">4.8.10.2 </span>Location of the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="attr-media-src" title="attr-media-src"><code>src</code></dfn> content
attribute on <a href="#media-element" title="media element">media elements</a> gives
the address of the media resource (video, audio) to show. The
attribute, if present, must contain a <a href="#valid-non-empty-url-potentially-surrounded-by-spaces">valid non-empty
@@ -20497,7 +20566,7 @@
</div><p class="note">There are two ways to specify a <a href="#media-resource">media
resource</a>, the <code title="attr-media-src"><a href="#attr-media-src">src</a></code>
attribute, or <code><a href="#the-source-element">source</a></code> elements. The attribute overrides
- the elements.<h5 id="mime-types"><span class="secno">4.8.9.3 </span>MIME types</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>A <a href="#media-resource">media resource</a> can be described in terms of its
+ the elements.<h5 id="mime-types"><span class="secno">4.8.10.3 </span>MIME types</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>A <a href="#media-resource">media resource</a> can be described in terms of its
<em>type</em>, specifically a <a href="#mime-type">MIME type</a>, optionally
with a <code title="">codecs</code> parameter. <a href="#refsRFC4281">[RFC4281]</a><p>Types are usually somewhat incomplete descriptions; for example
"<code title="">video/mpeg</code>" doesn't say anything except what
@@ -20574,7 +20643,7 @@
</div><p class="note">The <code title="attr-source-type"><a href="#attr-source-type">type</a></code>
attribute of the <code><a href="#the-source-element">source</a></code> element allows the user agent
to avoid downloading resources that use formats it cannot
- render.<h5 id="network-states"><span class="secno">4.8.9.4 </span>Network states</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-networkState"><a href="#dom-media-networkstate">networkState</a></code></dt>
+ render.<h5 id="network-states"><span class="secno">4.8.10.4 </span>Network states</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-networkState"><a href="#dom-media-networkstate">networkState</a></code></dt>
<dd>
@@ -20618,7 +20687,7 @@
algorithm</a> defined below describes exactly when the <code title="dom-media-networkState"><a href="#dom-media-networkstate">networkState</a></code> attribute changes
value and what events fire to indicate changes in this state.</p>
- </div><h5 id="loading-the-media-resource"><span class="secno">4.8.9.5 </span>Loading the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-load"><a href="#dom-media-load">load</a></code>()</dt>
+ </div><h5 id="loading-the-media-resource"><span class="secno">4.8.10.5 </span>Loading the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-load"><a href="#dom-media-load">load</a></code>()</dt>
<dd>
@@ -21394,7 +21463,7 @@
end up being not included in the range(s) of objects returned by the
same attribute at later times.</p>
- </div><h5 id="offsets-into-the-media-resource"><span class="secno">4.8.9.6 </span>Offsets into the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-duration"><a href="#dom-media-duration">duration</a></code></dt>
+ </div><h5 id="offsets-into-the-media-resource"><span class="secno">4.8.10.6 </span>Offsets into the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-duration"><a href="#dom-media-duration">duration</a></code></dt>
<dd>
@@ -21522,7 +21591,7 @@
attribute must <a href="#reflect">reflect</a> the content attribute of the
same name.</p>
- </div><h5 id="the-ready-states"><span class="secno">4.8.9.7 </span>The ready states</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-readyState"><a href="#dom-media-readystate">readyState</a></code></dt>
+ </div><h5 id="the-ready-states"><span class="secno">4.8.10.7 </span>The ready states</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-readyState"><a href="#dom-media-readystate">readyState</a></code></dt>
<dd>
@@ -21814,7 +21883,7 @@
title="">className</var>.</p>
</div>
---><h5 id="playing-the-media-resource"><span class="secno">4.8.9.8 </span>Playing the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-paused"><a href="#dom-media-paused">paused</a></code></dt>
+--><h5 id="playing-the-media-resource"><span class="secno">4.8.10.8 </span>Playing the media resource</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-paused"><a href="#dom-media-paused">paused</a></code></dt>
<dd>
@@ -22246,7 +22315,7 @@
document, then the playback will <a href="#media-playback">stop</a>
until the document is active again.</p>
- </div><h5 id="seeking"><span class="secno">4.8.9.9 </span>Seeking</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-seeking"><a href="#dom-media-seeking">seeking</a></code></dt>
+ </div><h5 id="seeking"><span class="secno">4.8.10.9 </span>Seeking</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="domintro"><dt><var title="">media</var> . <code title="dom-media-seeking"><a href="#dom-media-seeking">seeking</a></code></dt>
<dd>
@@ -22380,7 +22449,7 @@
<a href="#current-playback-position">current playback position</a> changes in a discontinuous
fashion (so that the relevant events fire).</p>
- </div><h5 id="user-interface"><span class="secno">4.8.9.10 </span>User interface</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="attr-media-controls" title="attr-media-controls"><code>controls</code></dfn>
+ </div><h5 id="timed-tracks"><span class="secno">4.8.10.10 </span>Timed tracks</h5><p class="XXX">processing model for timed tracks<h5 id="user-interface"><span class="secno">4.8.10.11 </span>User interface</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="attr-media-controls" title="attr-media-controls"><code>controls</code></dfn>
attribute is a <a href="#boolean-attribute">boolean attribute</a>. If present, it
indicates that the author has not provided a scripted controller and
would like the user agent to provide its own set of controls.<div class="impl">
@@ -22474,7 +22543,7 @@
event</a> named <code title="event-media-volumechange"><a href="#event-media-volumechange">volumechange</a></code> at the <a href="#media-element">media
element</a>.</p>
- </div><h5 id="time-ranges"><span class="secno">4.8.9.11 </span>Time ranges</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>Objects implementing the <code><a href="#timeranges">TimeRanges</a></code> interface
+ </div><h5 id="time-ranges"><span class="secno">4.8.10.12 </span>Time ranges</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>Objects implementing the <code><a href="#timeranges">TimeRanges</a></code> interface
represent a list of ranges (periods) of time.<pre class="idl">interface <dfn id="timeranges">TimeRanges</dfn> {
readonly attribute unsigned long <a href="#dom-timeranges-length" title="dom-TimeRanges-length">length</a>;
float <a href="#dom-timeranges-start" title="dom-TimeRanges-start">start</a>(in unsigned long index);
@@ -22543,7 +22612,7 @@
<p>The timelines used by the objects returned by the <code title="dom-media-buffered"><a href="#dom-media-buffered">buffered</a></code>, <code title="dom-media-seekable"><a href="#dom-media-seekable">seekable</a></code> and <code title="dom-media-played"><a href="#dom-media-played">played</a></code> IDL attributes of <a href="#media-element" title="media element">media elements</a> must be the same as that
element's <a href="#media-resource">media resource</a>'s timeline.</p>
- </div><h5 id="mediaevents"><span class="secno">4.8.9.12 </span>Event summary</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><p>The following events fire on <a href="#media-element" title="media element">media
+ </div><h5 id="mediaevents"><span class="secno">4.8.10.13 </span>Event summary</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><p>The following events fire on <a href="#media-element" title="media element">media
elements</a> as part of the processing model described above:<table><thead><tr><th>Event name
<th>Interface
<th>Dispatched when...
@@ -22645,7 +22714,7 @@
<td>
</table><div class="impl">
- <h5 id="security-and-privacy-considerations"><span class="secno">4.8.9.13 </span>Security and privacy considerations</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h5 id="security-and-privacy-considerations"><span class="secno">4.8.10.14 </span>Security and privacy considerations</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>The main security and privacy implications of the
<code><a href="#video">video</a></code> and <code><a href="#audio">audio</a></code> elements come from the
@@ -22690,7 +22759,7 @@
being able to read the subtitles would present a confidentiality
breach.</p>
- </div><h4 id="the-canvas-element"><span class="secno">4.8.10 </span>The <dfn id="canvas"><code>canvas</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/74">ISSUE-74</a> (canvas-accessibility) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-canvas-element"><span class="secno">4.8.11 </span>The <dfn id="canvas"><code>canvas</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/74">ISSUE-74</a> (canvas-accessibility) blocks progress to Last Call</span><dl class="element"><dt>Categories</dt>
<dd><a href="#flow-content">Flow content</a>.</dd>
<dd><a href="#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="#embedded-content">Embedded content</a>.</dd>
@@ -22899,7 +22968,7 @@
</div><div class="impl">
- <h5 id="color-spaces-and-color-correction"><span class="secno">4.8.10.1 </span>Color spaces and color correction</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h5 id="color-spaces-and-color-correction"><span class="secno">4.8.11.1 </span>Color spaces and color correction</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>The <code><a href="#the-canvas-element">canvas</a></code> APIs must perform color correction at
only two points: when rendering images with their own gamma
@@ -22938,7 +23007,7 @@
</div><div class="impl">
- <h5 id="security-with-canvas-elements"><span class="secno">4.8.10.2 </span>Security with <code><a href="#the-canvas-element">canvas</a></code> elements</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h5 id="security-with-canvas-elements"><span class="secno">4.8.11.2 </span>Security with <code><a href="#the-canvas-element">canvas</a></code> elements</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p><strong>Information leakage</strong> can occur if scripts from
one <a href="#origin">origin</a> can access information (e.g. read pixels)
@@ -23002,7 +23071,7 @@
<code title="attr-canvas-width"><a href="#attr-canvas-width">width</a></code> or <code title="attr-canvas-height"><a href="#attr-canvas-height">height</a></code> attributes doesn't reset
the <i>origin-clean</i> flag.</p>
- </div><h4 id="the-map-element"><span class="secno">4.8.11 </span>The <dfn><code>map</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-map-element"><span class="secno">4.8.12 </span>The <dfn><code>map</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
<dd><a href="#flow-content">Flow content</a>.</dd>
<dd>When the element only contains <a href="#phrasing-content">phrasing content</a>: <a href="#phrasing-content">phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
@@ -23063,7 +23132,7 @@
<p>The IDL attribute <dfn id="dom-map-name" title="dom-map-name"><code>name</code></dfn> must
<a href="#reflect">reflect</a> the content attribute of the same name.</p>
- </div><h4 id="the-area-element"><span class="secno">4.8.12 </span>The <dfn><code>area</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-area-element"><span class="secno">4.8.13 </span>The <dfn><code>area</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
<dd><a href="#flow-content">Flow content</a>.</dd>
<dd><a href="#phrasing-content">Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
@@ -23236,14 +23305,14 @@
same as setting the element's <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute to the new output
value.</p>
- </div><h4 id="image-maps"><span class="secno">4.8.13 </span>Image maps</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- TESTS
+ </div><h4 id="image-maps"><span class="secno">4.8.14 </span>Image maps</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- TESTS
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/smallcats%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%3E%0A%3Cmap%20name%3Da%3E%0A%20%3Carea%20onclick%3Dw%28%271%27%29%20coords%3D%270%25%200%25%20100%25%20100%25%27%20href%3Djavascript%3A%3E%0A%3C/map%3E
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0A%3Cbody%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/smallcats%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/sample%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cmap%20name%3Da%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%20%3Carea%20onclick%3Dw%28%271%27%29%20coords%3D%270%200%2050%2050%27%20href%3Djavascript%3A%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3C/map%3E%0A%3Cscript%3E%0A%20var%20x%20%3D%20document.getElementsByTagName%28%27img%27%29%5B0%5D%3B%0A%20x.parentNode.appendChild%28x%29%3B%0A%20document.getElementsByTagName%28%27area%27%29%5B0%5D.focus%28%29%3B%0A%3C/script%3E
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3Ex%3Cmap%3E%3Carea%20shape%3Dpolyg%20coords%3D%221%2C2%203%22%3E%3C/map%3E%0A%3Cscript%3Ex%20%3D%20document.getElementsByTagName%28%27area%27%29%5B0%5D%3B%20w%28x.shape%20+%20%27%20%27%20+%20x.coords%29%3C/script%3E
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0D%0A%3Cp%3E%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/astrophy/128%22%20usemap%3D%23a%3E%0D%0A%3Cmap%20name%3Da%3E%3Carea%20shape%3Dcirc%20coords%3D%2220%2C20%2C10%25%22%20href%3D%23%3E%3Carea%20shape%3Dcirc%20coords%3D%2220%2C20%2C10%22%20href%3D%23%3E%3C/map%3E%0D%0A%3Cscript%3Edocument.write%28document.getElementsByTagName%28%27area%27%29%5B0%5D.coords%29%3C/script%3E
--><div class="impl">
- <h5 id="authoring"><span class="secno">4.8.13.1 </span>Authoring</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h5 id="authoring"><span class="secno">4.8.14.1 </span>Authoring</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
</div><p>An <dfn id="image-map">image map</dfn> allows geometric areas on an image to be
associated with <a href="#hyperlink" title="hyperlink">hyperlinks</a>.<p>An image, in the form of an <code><a href="#the-img-element">img</a></code> element or an
@@ -23277,7 +23346,7 @@
</div><div class="impl">
- <h5 id="processing-model"><span class="secno">4.8.13.2 </span>Processing model</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h5 id="processing-model"><span class="secno">4.8.14.2 </span>Processing model</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>If an <code><a href="#the-img-element">img</a></code> element or an <code><a href="#the-object-element">object</a></code> element
representing an image has a <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute specified,
@@ -23473,7 +23542,7 @@
user agent must act as if it had rerun the algorithms for image
maps.</p>
- </div><h4 id="mathml"><span class="secno">4.8.14 </span>MathML</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="math"><code>math</code></dfn> element from the <a href="#mathml-namespace">MathML
+ </div><h4 id="mathml"><span class="secno">4.8.15 </span>MathML</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="math"><code>math</code></dfn> element from the <a href="#mathml-namespace">MathML
namespace</a> falls into the <a href="#embedded-content">embedded content</a>,
<a href="#phrasing-content">phrasing content</a>, and <a href="#flow-content">flow content</a>
categories for the purposes of the content models in this
@@ -23535,7 +23604,7 @@
</body>
</html></pre>
- </div><h4 id="svg-0"><span class="secno">4.8.15 </span>SVG</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="svg"><code>svg</code></dfn> element from the <a href="#svg-namespace">SVG
+ </div><h4 id="svg-0"><span class="secno">4.8.16 </span>SVG</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="svg"><code>svg</code></dfn> element from the <a href="#svg-namespace">SVG
namespace</a> falls into the <a href="#embedded-content">embedded content</a>,
<a href="#phrasing-content">phrasing content</a>, and <a href="#flow-content">flow content</a>
categories for the purposes of the content models in this
@@ -23558,7 +23627,7 @@
<code>foreignObject</code> element. <em>This</em> specification does
not define any processing for elements in SVG fragments that are not
in the HTML namespace; they are considered neither conforming nor
- non-conforming from the perspective of this specification.<h4 id="dimension-attributes"><span class="secno">4.8.16 </span><dfn>Dimension attributes</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><span class="impl"><strong>Author requirements</strong>:</span>
+ non-conforming from the perspective of this specification.<h4 id="dimension-attributes"><span class="secno">4.8.17 </span><dfn>Dimension attributes</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><span class="impl"><strong>Author requirements</strong>:</span>
The <dfn id="attr-dim-width" title="attr-dim-width"><code>width</code></dfn> and <dfn id="attr-dim-height" title="attr-dim-height"><code>height</code></dfn> attributes on
<code><a href="#the-img-element">img</a></code>, <code><a href="#the-iframe-element">iframe</a></code>, <code><a href="#the-embed-element">embed</a></code>,
<code><a href="#the-object-element">object</a></code>, <code><a href="#video">video</a></code>, and, when their <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in the <a href="#image-button-state" title="attr-input-type-image">Image Button</a> state,
@@ -51877,7 +51946,8 @@
<code><a href="#the-col-element">col</a></code>, <code><a href="#the-command">command</a></code>, <code><a href="#the-embed-element">embed</a></code>,
<code><a href="#the-hr-element">hr</a></code>, <code><a href="#the-img-element">img</a></code>, <code><a href="#the-input-element">input</a></code>,
<code><a href="#the-keygen-element">keygen</a></code>, <code><a href="#the-link-element">link</a></code>, <code><a href="#meta">meta</a></code>,
- <code><a href="#the-param-element">param</a></code>, <code><a href="#the-source-element">source</a></code>, <code><a href="#the-wbr-element">wbr</a></code></dd>
+ <code><a href="#the-param-element">param</a></code>, <code><a href="#the-source-element">source</a></code>, <code><a href="#the-track-element">track</a></code>,
+ <code><a href="#the-wbr-element">wbr</a></code></dd>
<dt><dfn id="raw-text-elements">Raw text elements</dfn></dt>
@@ -57626,7 +57696,7 @@
</dd>
- <dt>A start tag whose tag name is one of: "param", "source"</dt>
+ <dt>A start tag whose tag name is one of: "param", "source", "track"</dt>
<dd>
<p><a href="#insert-an-html-element">Insert an HTML element</a> for the token. Immediately
@@ -57941,7 +58011,7 @@
"basefont", "bgsound", "command", "embed", "hr", "iframe", "image",
"img", "input", "isindex", "keygen", "link", "meta", "noembed",
"noframes", "param", "script", "select", "source", "style",
- "table", "textarea", "title", "wbr"</dt>-->
+ "table", "textarea", "title", "track", "wbr"</dt>-->
<!--<dt>An end tag whose tag name is "noscript", if the
<span>scripting flag</span> is enabled</dt>-->
<dd>
@@ -60697,7 +60767,7 @@
[hidden], area, base, basefont, command, datalist, head,
input[type=hidden], link, menu[type=context], meta, noembed, noframes,
-param, rp, script, source, style, title { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+param, rp, script, source, style, track, title { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
display: none;
}
@@ -61628,6 +61698,8 @@
the <code><a href="#video">video</a></code> element itself, and is expected to be
centered in the <code><a href="#video">video</a></code> element.</p>
+ <p class="XXX">pointer to rendering model for timed tracks</p>
+
<p class="note">Resizing <code><a href="#video">video</a></code> and <code><a href="#the-canvas-element">canvas</a></code>
elements does not interrupt video playback or clear the canvas.</p>
@@ -61639,7 +61711,15 @@
</div><div class="impl">
- <h4 id="images"><span class="secno">10.3.2 </span>Images</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h4 id="timed-tracks-0"><span class="secno">10.3.2 </span>Timed tracks</h4>
+
+ <p class="XXX">rendering model for timed tracks</p>
+
+ <p class="XXX">CSS extensions</p>
+
+ </div><div class="impl">
+
+ <h4 id="images"><span class="secno">10.3.3 </span>Images</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>When an <code><a href="#the-img-element">img</a></code> element or an <code><a href="#the-input-element">input</a></code> element
when its <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in
@@ -61708,7 +61788,7 @@
</div><div class="impl">
- <h4 id="attributes-for-embedded-content-and-images"><span class="secno">10.3.3 </span>Attributes for embedded content and images</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h4 id="attributes-for-embedded-content-and-images"><span class="secno">10.3.4 </span>Attributes for embedded content and images</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>The following CSS rules are expected to apply as
<a href="#presentational-hints">presentational hints</a>:</p>
@@ -61803,7 +61883,7 @@
</div><div class="impl">
- <h4 id="image-maps-0"><span class="secno">10.3.4 </span>Image maps</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h4 id="image-maps-0"><span class="secno">10.3.5 </span>Image maps</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>Shapes on an <a href="#image-map">image map</a> are expected to act, for the
purpose of the CSS cascade, as elements independent of the original
@@ -61828,7 +61908,7 @@
</div><div class="impl">
- <h4 id="toolbars-0"><span class="secno">10.3.5 </span>Toolbars</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
+ <h4 id="toolbars-0"><span class="secno">10.3.6 </span>Toolbars</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p>
<p>When a <code><a href="#menus">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state, the element is
expected to be treated as a replaced element with a height about two
@@ -65658,6 +65738,18 @@
<code><a href="#the-td-element">td</a></code></td>
<td><a href="#global-attributes" title="global attributes">globals</a></td>
<td><code><a href="#htmltablerowelement">HTMLTableRowElement</a></code></td>
+ <tr><th><code><a href="#the-track-element">track</a></code></th>
+ <td>Timed track</td>
+ <td>none</td>
+ <td><code><a href="#audio">audio</a></code>;
+ <code><a href="#video">video</a></code></td>
+ <td>empty</td>
+ <td><a href="#global-attributes" title="global attributes">globals</a>;
+ <code title="attr-track-kind"><a href="#attr-track-kind">kind</a></code>;
+ <code title="attr-track-label"><a href="#attr-track-label">label</a></code>;
+ <code title="attr-track-src"><a href="#attr-track-src">src</a></code>;
+ <code title="attr-track-srclang"><a href="#attr-track-srclang">srclang</a></code></td>
+ <td><code><a href="#htmltrackelement">HTMLTrackElement</a></code></td>
<tr><th><code><a href="#the-ul-element">ul</a></code></th>
<td>List</td>
<td><a href="#flow-content" title="Flow content">flow</a></td>
@@ -66266,11 +66358,20 @@
<td> <code title="attr-keygen-keytype"><a href="#attr-keygen-keytype">keygen</a></code>
<td> The type of cryptographic key to generate
<td> <a href="#attribute-text">Text</a>*
+ <tr><th> <code title="">kind</code>
+ <td> <code title="attr-track-kind"><a href="#attr-track-kind">track</a></code>
+ <td> The type of timed track
+ <td> "<code title="attr-track-kind-subtitles">subtitles</code>";
+ "<code title="attr-track-kind-captions">captions</code>";
+ "<code title="attr-track-kind-descriptions">descriptions</code>";
+ "<code title="attr-track-kind-chapters">chapters</code>";
+ "<code title="attr-track-kind-metadata">metadata</code>"
<tr><th> <code title="">label</code>
<td> <code title="attr-command-label"><a href="#attr-command-label">command</a></code>;
<code title="attr-menu-label"><a href="#attr-menu-label">menu</a></code>;
<code title="attr-optgroup-label"><a href="#attr-optgroup-label">optgroup</a></code>;
- <code title="attr-option-label"><a href="#attr-option-label">option</a></code>
+ <code title="attr-option-label"><a href="#attr-option-label">option</a></code>;
+ <code title="attr-track-label"><a href="#attr-track-label">track</a></code>
<td> User-visible label
<td> <a href="#attribute-text">Text</a>
<tr><th> <code title="">lang</code>
@@ -66492,6 +66593,7 @@
<code title="attr-input-src"><a href="#attr-input-src">input</a></code>;
<code title="attr-script-src"><a href="#attr-script-src">script</a></code>;
<code title="attr-source-src"><a href="#attr-source-src">source</a></code>;
+ <code title="attr-track-src"><a href="#attr-track-src">track</a></code>;
<code title="attr-media-src"><a href="#attr-media-src">video</a></code>
<td> Address of the resource
<td> <a href="#valid-non-empty-url-potentially-surrounded-by-spaces">Valid non-empty URL potentially surrounded by spaces</a>
@@ -66499,6 +66601,10 @@
<td> <code title="attr-iframe-srcdoc"><a href="#attr-iframe-srcdoc">iframe</a></code>
<td> A document to render in the <code><a href="#the-iframe-element">iframe</a></code>
<td> The source of <a href="#an-iframe-srcdoc-document">an <code>iframe</code> <code title="attr-iframe-srcdoc">srcdoc</code> document</a>*
+ <tr><th> <code title="">srclang</code>
+ <td> <code title="attr-track-srclang"><a href="#attr-track-srclang">track</a></code>
+ <td> Language of the timed track
+ <td> Valid BCP 47 language tag
<tr><th> <code title="">start</code>
<td> <code title="attr-ol-start"><a href="#attr-ol-start">ol</a></code>
<td> Ordinal value of the first item
@@ -67292,17 +67398,23 @@
<tr><td> <code><a href="#the-table-element">table</a></code>
<td> <code><a href="#htmltableelement">HTMLTableElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+ <tr><td> <code><a href="#the-tbody-element">tbody</a></code>
+ <td> <code><a href="#htmltablesectionelement">HTMLTableSectionElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+
<tr><td> <code><a href="#the-td-element">td</a></code>
<td> <code><a href="#htmltabledatacellelement">HTMLTableDataCellElement</a></code> : <code><a href="#htmltablecellelement">HTMLTableCellElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
<tr><td> <code><a href="#the-textarea-element">textarea</a></code>
<td> <code><a href="#htmltextareaelement">HTMLTextAreaElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+ <tr><td> <code><a href="#the-tfoot-element">tfoot</a></code>
+ <td> <code><a href="#htmltablesectionelement">HTMLTableSectionElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+
<tr><td> <code><a href="#the-th-element">th</a></code>
<td> <code><a href="#htmltableheadercellelement">HTMLTableHeaderCellElement</a></code> : <code><a href="#htmltablecellelement">HTMLTableCellElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
<tr><td> <code><a href="#the-thead-element">thead</a></code>
- <td> <code><a href="#htmltablerowelement">HTMLTableRowElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+ <td> <code><a href="#htmltablesectionelement">HTMLTableSectionElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
<tr><td> <code><a href="#the-time-element">time</a></code>
<td> <code><a href="#htmltimeelement">HTMLTimeElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
@@ -67310,6 +67422,12 @@
<tr><td> <code><a href="#the-title-element-0">title</a></code>
<td> <code><a href="#htmltitleelement">HTMLTitleElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+ <tr><td> <code><a href="#the-tr-element">tr</a></code>
+ <td> <code><a href="#htmltablerowelement">HTMLTableRowElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+
+ <tr><td> <code><a href="#the-track-element">track</a></code>
+ <td> <code><a href="#htmltrackelement">HTMLTrackElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
+
<tr><td> <code><a href="#the-ul-element">ul</a></code>
<td> <code><a href="#htmlulistelement">HTMLUListElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
Received on Tuesday, 4 May 2010 01:41:30 UTC