[css3-transitions] Avoid obsolete <a name=...> markup, and generate better index too.

Author: dbaron

css3-transitions/Overview.html

@@ -10,11 +10,11 @@
    rel=dcterms.rights>
   <meta content="CSS Transitions" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-02-07 name=dcterms.issued>
+  <meta content=2013-02-08 name=dcterms.issued>
   <meta content="http://dev.w3.org/csswg/css3-transitions/"
    name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
-  <meta content="http://www.w3.org/TR/2013/ED-css3-transitions-20130207/"
+  <meta content="http://www.w3.org/TR/2013/ED-css3-transitions-20130208/"
    name=dcterms.identifier>
   <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
   <link href="../default.css" rel=stylesheet type="text/css">
@@ -38,15 +38,15 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 February
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 8 February
     2013</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <a href="http://www.w3.org/TR/2013/ED-css3-transitions-20130207/">
+    <dd> <a href="http://www.w3.org/TR/2013/ED-css3-transitions-20130208/">
      http://dev.w3.org/csswg/css3-transitions/</a>
-     <!--http://www.w3.org/TR/2013/WD-css3-transitions-20130207/-->
+     <!--http://www.w3.org/TR/2013/WD-css3-transitions-20130208/-->
 
     <dt>Latest version:
 
@@ -1053,12 +1053,13 @@ <h2 id=transition-events><span class=secno>5. </span><a
    associated with as well as the duration of the transition.
 
   <dl>
-   <dt> <b>Interface <i><a id=Events-TransitionEvent
-    name=Events-TransitionEvent>TransitionEvent</a></i></b>
+   <dt> <b>Interface <dfn id=Events-TransitionEvent>TransitionEvent</dfn></b>
 
    <dd>
-    <p> The <code>TransitionEvent</code> interface provides specific
-     contextual information associated with transitions.
+    <p> The <a
+     href="#Events-TransitionEvent"><code>TransitionEvent</code></a>
+     interface provides specific contextual information associated with
+     transitions.
 
     <dl>
      <dt> <b>IDL Definition</b>
@@ -1097,19 +1098,19 @@ <h2 id=transition-events><span class=secno>5. </span><a
 
      <dd>
       <dl>
-       <dt> <code class=attribute-name><a
+       <dt> <code class=attribute-name><dfn
         id=Events-TransitionEvent-propertyName
-        name=Events-TransitionEvent-propertyName>propertyName</a></code> of
+        title="TransitionEvent::propertyName">propertyName</dfn></code> of
         type <code>DOMString</code>, readonly
 
        <dd> The name of the CSS property associated with the transition.
       </dl>
 
       <dl>
-       <dt> <code class=attribute-name><a
+       <dt> <code class=attribute-name><dfn
         id=Events-TransitionEvent-elapsedTime
-        name=Events-TransitionEvent-elapsedTime>elapsedTime</a></code> of
-        type <code>float</code>, readonly
+        title="TransitionEvent::elapsedTime">elapsedTime</dfn></code> of type
+        <code>float</code>, readonly
 
        <dd> The amount of time the transition has been running, in seconds,
         when this event fired. Note that this value is not affected by the
@@ -1118,9 +1119,9 @@ <h2 id=transition-events><span class=secno>5. </span><a
       </dl>
 
       <dl>
-       <dt> <code class=attribute-name><a
+       <dt> <code class=attribute-name><dfn
         id=Events-TransitionEvent-pseudoElement
-        name=Events-TransitionEvent-pseudoElement>pseudoElement</a></code> of
+        title="TransitionEvent::pseudoElement">pseudoElement</dfn></code> of
         type <code>DOMString</code>, readonly
 
        <dd> The name (beginning with two colons) of the CSS pseudo-element on
@@ -1792,6 +1793,19 @@ <h2 class=no-num id=index>Index</h2>
    <li>transition-duration, <a href="#transition-duration"
     title="section 2.2."><strong>2.2.</strong></a>
 
+   <li>TransitionEvent, <a href="#Events-TransitionEvent"
+    title="section 5."><strong>5.</strong></a>
+    <ul>
+     <li>elapsedTime, <a href="#Events-TransitionEvent-elapsedTime"
+      title="section 5."><strong>5.</strong></a>
+
+     <li>propertyName, <a href="#Events-TransitionEvent-propertyName"
+      title="section 5."><strong>5.</strong></a>
+
+     <li>pseudoElement, <a href="#Events-TransitionEvent-pseudoElement"
+      title="section 5."><strong>5.</strong></a>
+    </ul>
+
    <li>transition-property, <a href="#transition-property"
     title="section 2.1."><strong>2.1.</strong></a>
 

css3-transitions/Overview.src.html

@@ -1056,7 +1056,7 @@ <h2 id="transition-events"><a id="transition-events-">
       </p>
       <dl>
         <dt>
-          <b>Interface <i><a id="Events-TransitionEvent" name='Events-TransitionEvent'>TransitionEvent</a></i></b>
+          <b>Interface <dfn id="Events-TransitionEvent">TransitionEvent</dfn></b>
         </dt>
         <dd>
           <p>
@@ -1090,23 +1090,23 @@ <h2 id="transition-events"><a id="transition-events-">
             <dd>
               <dl>
                 <dt>
-                  <code class='attribute-name'><a id="Events-TransitionEvent-propertyName" name='Events-TransitionEvent-propertyName'>propertyName</a></code> of type <code>DOMString</code>, readonly
+                  <code class='attribute-name'><dfn title="TransitionEvent::propertyName" id="Events-TransitionEvent-propertyName">propertyName</dfn></code> of type <code>DOMString</code>, readonly
                 </dt>
                 <dd>
                   The name of the CSS property associated with the transition.
                 </dd>
               </dl>
               <dl>
                 <dt>
-                  <code class='attribute-name'><a id="Events-TransitionEvent-elapsedTime" name='Events-TransitionEvent-elapsedTime'>elapsedTime</a></code> of type <code>float</code>, readonly
+                  <code class='attribute-name'><dfn title="TransitionEvent::elapsedTime" id="Events-TransitionEvent-elapsedTime">elapsedTime</dfn></code> of type <code>float</code>, readonly
                 </dt>
                 <dd>
                   The amount of time the transition has been running, in seconds, when this event fired. Note that this value is not affected by the value of <code class="property">transition-delay</code>.
                 </dd>
               </dl>
               <dl>
                 <dt>
-                  <code class='attribute-name'><a id="Events-TransitionEvent-pseudoElement" name='Events-TransitionEvent-pseudoElement'>pseudoElement</a></code> of type <code>DOMString</code>, readonly
+                  <code class='attribute-name'><dfn title="TransitionEvent::pseudoElement" id="Events-TransitionEvent-pseudoElement">pseudoElement</dfn></code> of type <code>DOMString</code>, readonly
                 </dt>
                 <dd>
                   The name (beginning with two colons) of the CSS