Refer to the HTML spec for which IDL interface elements use

Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=22154.

index.bs

@@ -54,6 +54,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/
         urlPrefix: dom.html
             text: title; url: #attr-title
             text: lang; url: #attr-lang
+            text: class; url: #classes
 urlPrefix: https://encoding.spec.whatwg.org/
     type: dfn
         text: utf-8 decode
@@ -3265,44 +3266,44 @@ Node Objects</a> to DOM nodes:</p>
  <tbody>
   <tr>
    <td class=long><a>List of WebVTT Node Objects</a></td>
-   <td class=long>{{DocumentFragment}} node</td>
+   <td class=long>{{DocumentFragment}} node.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Region Object</a></td>
-   <td class=long>{{DocumentFragment}} node</td>
+   <td class=long>{{DocumentFragment}} node.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Class Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>span</code>".</td>
+   <td class=long>HTML <a spec=html element>span</a> element.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Italic Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>i</code>".</td>
+   <td class=long>HTML <a spec=html element>i</a> element.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Bold Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>b</code>".</td>
+   <td class=long>HTML <a spec=html element>b</a> element.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Underline Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>u</code>".</td>
+   <td class=long>HTML <a spec=html element>u</a> element.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Ruby Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>ruby</code>".</td>
+   <td class=long>HTML <a spec=html element>ruby</a> element.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Ruby Text Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>rt</code>".</td>
+   <td class=long>HTML <a spec=html element>rt</a> element.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Voice Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>span</code>", and a <a
+   <td class=long>HTML <a spec=html element>span</a> element with a <a spec=html
    element-attr>title</a> attribute set to the <a>WebVTT Voice Object</a>'s value.</td>
   </tr>
   <tr>
    <td class=long><a>WebVTT Language Object</a></td>
-   <td class=long>{{HTMLElement}} element node with {{Node/localName}} "<code>span</code>", and a <a
+   <td class=long>HTML <a spec=html element>span</a> element with a <a spec=html
    element-attr>lang</a> attribute set to the <a>WebVTT Language Object</a>'s <a lt="WebVTT Node
    Object's applicable language">applicable language</a>.</td>
   </tr>
@@ -3322,11 +3323,12 @@ Node Objects</a> to DOM nodes:</p>
  </tbody>
 </table>
 
-<p>{{HTMLElement}} nodes created as part of the mapping described above must have their
-{{Node/namespaceURI}} set to the <a>HTML namespace</a>, and, if the corresponding <a>WebVTT Internal
-Node Object</a> has any <a lt="WebVTT Node Object's applicable classes">applicable classes</a>, must
-have a <a><code>class</code></a><!--XXX--> attribute set to the string obtained by concatenating all
-those classes, each separated from the next by a single U+0020 SPACE character.</p>
+<p>HTML elements created as part of the mapping described above must have their
+{{Node/namespaceURI}} set to the <a>HTML namespace</a>, use the appropriate IDL interface as defined
+in the HTML specification, and, if the corresponding <a>WebVTT Internal Node Object</a> has any <a
+lt="WebVTT Node Object's applicable classes">applicable classes</a>, must have a <a spec=html
+element-attr>class</a> attribute set to the string obtained by concatenating all those classes, each
+separated from the next by a single U+0020 SPACE character.</p>
 
 <p>The {{Node/ownerDocument}} attribute of all nodes in the DOM tree must be set to the given
 document <var>owner</var>.</p>

index.html

@@ -1002,7 +1002,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">WebVTT: The Web Video Text Tracks Format</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Draft Community Group Report, <time class="dt-updated" datetime="2015-10-22">22 October 2015</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Draft Community Group Report, <time class="dt-updated" datetime="2015-10-24">24 October 2015</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -3382,34 +3382,34 @@ <h3 class="heading settled" data-level="5.5" id="dom-construction-rules"><span c
     <tbody>
      <tr>
       <td class="long"><a data-link-type="dfn" href="#list-of-webvtt-node-objects">List of WebVTT Node Objects</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#documentfragment">DocumentFragment</a></code> node
+      <td class="long"><code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#documentfragment">DocumentFragment</a></code> node.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-region-object">WebVTT Region Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#documentfragment">DocumentFragment</a></code> node
+      <td class="long"><code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#documentfragment">DocumentFragment</a></code> node.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-class-object">WebVTT Class Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>span</code>".
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-span-element">span</a> element.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-italic-object">WebVTT Italic Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>i</code>".
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-i-element">i</a> element.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-bold-object">WebVTT Bold Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>b</code>".
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-b-element">b</a> element.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-underline-object">WebVTT Underline Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>u</code>".
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-u-element">u</a> element.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-ruby-object">WebVTT Ruby Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>ruby</code>".
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-ruby-element">ruby</a> element.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-ruby-text-object">WebVTT Ruby Text Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>rt</code>".
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-rt-element">rt</a> element.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-voice-object">WebVTT Voice Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>span</code>", and a <a data-link-type="element-attr" href="https://html.spec.whatwg.org/multipage/dom.html#attr-title">title</a> attribute set to the <a data-link-type="dfn" href="#webvtt-voice-object">WebVTT Voice Object</a>’s value.
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-span-element">span</a> element with a <a data-link-type="element-attr" href="https://html.spec.whatwg.org/multipage/dom.html#attr-title">title</a> attribute set to the <a data-link-type="dfn" href="#webvtt-voice-object">WebVTT Voice Object</a>’s value.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-language-object">WebVTT Language Object</a>
-      <td class="long"><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> element node with <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a></code> "<code>span</code>", and a <a data-link-type="element-attr" href="https://html.spec.whatwg.org/multipage/dom.html#attr-lang">lang</a> attribute set to the <a data-link-type="dfn" href="#webvtt-language-object">WebVTT Language Object</a>’s <a data-link-type="dfn" href="#webvtt-node-objects-applicable-language">applicable language</a>.
+      <td class="long">HTML <a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-span-element">span</a> element with a <a data-link-type="element-attr" href="https://html.spec.whatwg.org/multipage/dom.html#attr-lang">lang</a> attribute set to the <a data-link-type="dfn" href="#webvtt-language-object">WebVTT Language Object</a>’s <a data-link-type="dfn" href="#webvtt-node-objects-applicable-language">applicable language</a>.
      <tr>
       <td class="long"><a data-link-type="dfn" href="#webvtt-text-object">WebVTT Text Object</a>
       <td class="long"><code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#text">Text</a></code> node whose <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-characterdata-data">data</a></code> is the value of the <a data-link-type="dfn" href="#webvtt-text-object">WebVTT Text
@@ -3421,10 +3421,9 @@ <h3 class="heading settled" data-level="5.5" id="dom-construction-rules"><span c
    included, with one leading zero if the <var>hours</var> component is less than ten, and with no
    leading zeros otherwise.
    </table>
-   <p><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a></code> nodes created as part of the mapping described above must have their <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-namespaceuri">namespaceURI</a></code> set to the <a data-link-type="dfn" href="https://dom.spec.whatwg.org/#html-namespace">HTML namespace</a>, and, if the corresponding <a data-link-type="dfn" href="#webvtt-internal-node-object">WebVTT Internal
-Node Object</a> has any <a data-link-type="dfn" href="#webvtt-node-objects-applicable-classes">applicable classes</a>, must
-have a <a data-link-type="dfn" href="https://dom.spec.whatwg.org/#concept-class"><code>class</code></a> attribute set to the string obtained by concatenating all
-those classes, each separated from the next by a single U+0020 SPACE character.</p>
+   <p>HTML elements created as part of the mapping described above must have their <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-namespaceuri">namespaceURI</a></code> set to the <a data-link-type="dfn" href="https://dom.spec.whatwg.org/#html-namespace">HTML namespace</a>, use the appropriate IDL interface as defined
+in the HTML specification, and, if the corresponding <a data-link-type="dfn" href="#webvtt-internal-node-object">WebVTT Internal Node Object</a> has any <a data-link-type="dfn" href="#webvtt-node-objects-applicable-classes">applicable classes</a>, must have a <a data-link-type="element-attr" href="https://html.spec.whatwg.org/multipage/dom.html#classes">class</a> attribute set to the string obtained by concatenating all those classes, each
+separated from the next by a single U+0020 SPACE character.</p>
    <p>The <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#dom-node-ownerdocument">ownerDocument</a></code> attribute of all nodes in the DOM tree must be set to the given
 document <var>owner</var>.</p>
    <p>All characteristics of the DOM nodes that are not described above or dependent on characteristics
@@ -5018,26 +5017,29 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
      <li><a href="https://dom.spec.whatwg.org/#processinginstruction">ProcessingInstruction</a>
      <li><a href="https://dom.spec.whatwg.org/#text">Text</a>
      <li><a href="https://dom.spec.whatwg.org/#case-sensitive">case-sensitive</a>
-     <li><a href="https://dom.spec.whatwg.org/#concept-class">class</a>
      <li><a href="https://dom.spec.whatwg.org/#dom-characterdata-data">data</a>
      <li><a href="https://dom.spec.whatwg.org/#html-namespace">html namespace</a>
-     <li><a href="https://dom.spec.whatwg.org/#dom-node-localname">localName</a>
      <li><a href="https://dom.spec.whatwg.org/#dom-node-namespaceuri">namespaceURI</a>
      <li><a href="https://dom.spec.whatwg.org/#dom-node-ownerdocument">ownerDocument</a>
      <li><a href="https://dom.spec.whatwg.org/#dom-processinginstruction-target">target</a>
     </ul>
    <li>
     <a data-link-type="biblio" href="#biblio-html">[HTML]</a> defines the following terms:
     <ul>
-     <li><a href="https://html.spec.whatwg.org/multipage/dom.html#htmlelement">HTMLElement</a>
      <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue">TextTrackCue</a>
      <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-addcue">addCue(cue)</a>
      <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#audio">audio</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/semantics.html#the-b-element">b</a>
      <li><a href="https://html.spec.whatwg.org/multipage/infrastructure.html#collect-a-sequence-of-characters">collect a sequence of characters</a>
      <li><a href="https://html.spec.whatwg.org/multipage/webappapis.html#entry-settings-object">entry settings object</a>
      <li><a href="https://html.spec.whatwg.org/multipage/infrastructure.html#html-elements">html elements</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/semantics.html#the-i-element">i</a>
      <li><a href="https://html.spec.whatwg.org/multipage/infrastructure.html#mime-type">mime type</a>
      <li><a href="https://html.spec.whatwg.org/multipage/webappapis.html#responsible-document">responsible document</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/semantics.html#the-rt-element">rt</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/semantics.html#the-ruby-element">ruby</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/semantics.html#the-span-element">span</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/semantics.html#the-u-element">u</a>
      <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#video">video</a>
     </ul>
   </ul>