W3C home > Mailing lists > Public > public-svg-wg@w3.org > July to September 2012

svg2: Fixes to make the document validate for publication.

From: SVG Working Group repository <cam@mcc.id.au>
Date: Mon, 20 Aug 2012 19:26:56 -0700
Message-Id: <hg.ffbdfdc0ba4c.1345516016.3034738116371802840@ps58493.dreamhostps.com>
To: public-svg-wg@w3.org
details:   https://svgwg.org/hg/svg2/rev/ffbdfdc0ba4c
branches:  
changeset: 326:ffbdfdc0ba4c
user:      Cameron McCormack <cam@mcc.id.au>
date:      Tue Aug 21 12:26:09 2012 +1000
description:
Fixes to make the document validate for publication.

diffstat:

 master/animate.html          |   77 ++++----
 master/attindex.html         |    2 +-
 master/color.html            |   11 +-
 master/concepts.html         |    2 +-
 master/coords.html           |    6 +-
 master/implnote.html         |   95 +++++-----
 master/index.html            |    2 +
 master/interact.html         |    4 +-
 master/intro.html            |    2 +-
 master/linking.html          |   21 +-
 master/masking.html          |    2 +-
 master/mimereg.html          |    2 +-
 master/minimize.html         |    2 +-
 master/painting.html         |   71 ++++---
 master/paths.html            |   20 +-
 master/propidx.html          |    2 +-
 master/publish.xml           |    8 +-
 master/refs.html             |    2 +
 master/script.html           |    4 +-
 master/struct.html           |    5 +-
 master/style/default_svg.css |    8 +-
 master/styling.html          |    2 +-
 master/svgdom.html           |    2 +-
 master/text.html             |  364 +++++++++++++++++++++---------------------
 master/types.html            |    6 +-
 25 files changed, 354 insertions(+), 368 deletions(-)

diffs (2895 lines):

diff --git a/master/animate.html b/master/animate.html
--- a/master/animate.html
+++ b/master/animate.html
@@ -130,17 +130,17 @@ permitted by that specification. Except 
 rules explicitly mentioned in this specification, the normative
 definition for SVG's animation elements and attributes is the
 <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
 specification [<a href="refs.html#ref-SMILANIM">SMILANIM</a>].</p>
 
 <p>SVG supports the following four animation elements which are
 defined in the SMIL Animation specification:</p>
 
-    <table class='vert offset' summary="animation elements from SMIL Animation">
+    <table class='vert offset'>
       <tr>
         <td><a>'animate'</a></td>
         <td>allows scalar attributes and properties to be assigned
         different values over time</td>
       </tr>
       <tr>
         <td><a>'set'</a></td>
         <td>a convenient shorthand for <a>'animate'</a>, which is useful for
@@ -160,17 +160,17 @@ defined in the SMIL Animation specificat
 
 <p>Although SVG defines <a>'animateColor'</a>, its use is deprecated in
 favor of simply using the <a>'animate'</a> element to target properties
 that can take color values.</p>
 
 <p id="SVGExtensionsToSMILAnimation">Additionally, SVG includes the following compatible
 extensions to SMIL Animation:</p>
 
-<table class='vert offset' summary="extensions to SMIL Animation">
+<table class='vert offset'>
   <tr>
     <td><a>'animateTransform'</a></td>
     <td>modifies one of SVG's transformation attributes over
     time, such as the <a>'transform'</a> attribute</td>
   </tr>
   <tr>
     <td><a>'animateMotion/path'</a> attribute</td>
     <td>SVG allows any feature from SVG's <a
@@ -301,38 +301,38 @@ demonstrates each of SVG's five animatio
 </svg>
 ]]></pre>
 
 <!--
   Would be good to replace this with an <edit:example>, if that
   supported multiple images.
   -->
 <div class="figure">
-<table summary="Example anim01">
-  <caption align="bottom">
+<table >
+  <caption>
     Example anim01
   </caption>
   <tr>
-    <td width="256"><img width="256" height="91"
+    <td><img width="256" height="91"
     alt="Example anim01 - at zero seconds"
     src="images/animate/anim01a.png" /> <span
     class="table-heading-1">At zero seconds</span></td>
-    <td width="20">&nbsp;</td>
-    <td width="256"><img width="256" height="91"
+    <td>&nbsp;</td>
+    <td><img width="256" height="91"
     alt="Example anim01 - at three seconds"
     src="images/animate/anim01b.png" /> <span
     class="table-heading-1">At three seconds</span></td>
   </tr>
   <tr>
-    <td width="256"><img width="256" height="91"
+    <td><img width="256" height="91"
     alt="Example anim01 - at six seconds"
     src="images/animate/anim01c.png" /> <span
     class="table-heading-1">At six seconds</span></td>
-    <td width="20">&nbsp;</td>
-    <td width="256"><img width="256" height="91"
+    <td>&nbsp;</td>
+    <td><img width="256" height="91"
     alt="Example anim01 - at nine seconds"
     src="images/animate/anim01d.png" /> <span
     class="table-heading-1">At nine seconds</span></td>
   </tr>
 </table>
 </div>
 <p class="view-as-svg"><a href="images/animate/anim01.svg">View
 this example as SVG (SVG-enabled browsers only)</a></p>
@@ -1281,37 +1281,37 @@ interpolation method between discrete va
       the <a>'keySplines'</a> attribute defines.
        Another way of describing
       this is that the horizontal axis is the input <em>unit
       time</em> for the interval, and the vertical axis is the
       output <em>unit time</em>. See also the section <a
       href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#TimingAndRealWorldClockTime">
       Timing and real-world clock times</a>.</p>
       <div class="example">
-      <table summary="examples of keySplines" style="border-collapse:separate; border-spacing: 20px;">
-        <caption align="bottom">
+      <table  style="border-collapse:separate; border-spacing: 20px;">
+        <caption>
           Examples of <span class="attr-name">keySplines</span>
         </caption>
         <tr>
-          <td width="250"><img class="bordered" width="250" height="250"
+          <td><img class="bordered" width="250" height="250"
           alt="Example keySplines01 - keySplines of 0 0 1 1 (the default)"
            src="images/animate/keySplines01.svg" /> <span
           class="table-heading-1">keySplines="0&nbsp;0&nbsp;1&nbsp;1"
           (the default)</span></td>
-          <td width="250"><img class="bordered" width="250" height="250"
+          <td><img class="bordered" width="250" height="250"
           alt="Example keySplines01 - keySplines of .5 0 .5 1"
           src="images/animate/keySplines02.svg" /> <span
           class="table-heading-1">keySplines=".5&nbsp;0&nbsp;.5&nbsp;1"</span></td>
         </tr>
         <tr>
-          <td width="250"><img class="bordered" width="250" height="250"
+          <td><img class="bordered" width="250" height="250"
           alt="Example keySplines01 - keySplines of 0 .75 .25 1"
           src="images/animate/keySplines03.svg" /> <span
           class="table-heading-1">keySplines="0&nbsp;.75&nbsp;.25&nbsp;1"</span></td>
-          <td width="250"><img class="bordered" width="250" height="250"
+          <td><img class="bordered" width="250" height="250"
           alt="Example keySplines01 - keySplines of 1 0 .25 .25"
           src="images/animate/keySplines04.svg" /><span
           class="table-heading-1">keySplines="1&nbsp;0&nbsp;.25&nbsp;.25"</span></td>
         </tr>
       </table>
       
       <p>To illustrate the calculations, consider the simple
       example:</p>
@@ -1793,18 +1793,17 @@ In particular, see <a href="http://www.w
     agent's <a href="paths.html#DistanceAlongAPath">distance along
     the path</a> algorithm.</p>
 
     <div class="example">
     <p>The following example demonstrates the supplemental
     transformation matrices that are computed during a motion path
     animation.</p>
 
-    <a id="ExampleAnimMotion01" name="ExampleAnimMotion01"></a> 
-    <p><span class="example-ref">Example animMotion01</span> shows
+    <p id="ExampleAnimMotion01"><span class="example-ref">Example animMotion01</span> shows
     a triangle moving along a motion path.</p>
 <pre><![CDATA[
 <?xml version="1.0" standalone="no"?>
 <svg width="5cm" height="3cm"  viewBox="0 0 500 300"
      xmlns="http://www.w3.org/2000/svg" version="1.1"
      xmlns:xlink="http://www.w3.org/1999/xlink" >
   <desc>Example animMotion01 - demonstrate motion animation computations</desc>
   <rect x="1" y="1" width="498" height="298"
@@ -1823,34 +1822,32 @@ In particular, see <a href="http://www.w
         fill="yellow" stroke="red" stroke-width="7.06"  >
     <!-- Define the motion path animation -->
     <animateMotion dur="6s" repeatCount="indefinite" rotate="auto" >
        <mpath xlink:href="#path1"/>
     </animateMotion>
   </path>
 </svg>
 ]]></pre>
-    <table summary="Example animMotion01">
-      <caption align="bottom">
+    <table >
+      <caption>
         Example animMotion01
       </caption>
       <tr>
-        <td width="144"><img width="144" height="91"
+        <td><img width="144" height="91"
         alt="Example animMotion01 - at zero seconds"
-        src="images/animate/animMotion01a.png" /> <span
+        src="images/animate/animMotion01a.png" /><br/><span
         class="table-heading-1">At zero seconds</span></td>
-        <td width="20">&nbsp;</td>
-        <td width="144"><img width="144" height="91"
+        <td><img width="144" height="91"
         alt="Example animMotion01 - at three seconds"
-        src="images/animate/animMotion01b.png" /> <span
+        src="images/animate/animMotion01b.png" /> <br/><span
         class="table-heading-1">At three seconds</span></td>
-        <td width="20">&nbsp;</td>
-        <td width="144"><img width="144" height="91"
+        <td><img width="144" height="91"
         alt="Example animMotion01 - at six seconds"
-        src="images/animate/animMotion01c.png" /> <span
+        src="images/animate/animMotion01c.png" /> <br/><span
         class="table-heading-1">At six seconds</span></td>
       </tr>
     </table>
     <p class="view-as-svg"><a
     href="images/animate/animMotion01.svg">View this example as SVG
     (SVG-enabled browsers only)</a></p>
     <p>The following table shows the supplemental transformation
     matrices that are applied to achieve the effect of the motion
@@ -2417,35 +2414,33 @@ using the DOM.</p>
         fill="none" stroke="blue" stroke-width="2"/>
   <g transform="translate(50,150)" fill="red" font-size="7">
     <text id="TextElement">SVG</text>
   </g>
 </svg>
 ]]></pre>
 
 <div class="figure">
-<table summary="Example dom01">
-  <caption align="bottom">
+<table >
+  <caption>
     Example dom01
   </caption>
   <tr>
-    <td width="151"><img width="151" height="76"
+    <td><img width="151" height="76"
     alt="Example dom01 - at zero seconds"
-    src="images/animate/dom01a.png" /> <span
-    class="table-heading-1">At zero seconds</span></td>
-    <td width="20">&nbsp;</td>
-    <td width="151"><img width="151" height="76"
+    src="images/animate/dom01a.png" /> <br/>
+    At zero seconds</td>
+    <td><img width="151" height="76"
     alt="Example dom01 - at three seconds"
-    src="images/animate/dom01b.png" /> <span
-    class="table-heading-1">At 2.5 seconds</span></td>
-    <td width="20">&nbsp;</td>
-    <td width="151"><img width="151" height="76"
+    src="images/animate/dom01b.png" /> <br/>
+    At 2.5 seconds</td>
+    <td><img width="151" height="76"
     alt="Example dom01 - at six seconds"
-    src="images/animate/dom01c.png" /> <span
-    class="table-heading-1">At five seconds</span></td>
+    src="images/animate/dom01c.png" /> <br/>
+    At five seconds</td>
   </tr>
 </table>
 </div>
 
 <p class="view-as-svg"><a href="images/animate/dom01.svg">View
 this example as SVG (SVG-enabled browsers only)</a></p>
 
 <p>The above SVG file contains a single graphics element, a
diff --git a/master/attindex.html b/master/attindex.html
--- a/master/attindex.html
+++ b/master/attindex.html
@@ -34,17 +34,17 @@ may be specified is also given.</p>
 <a>property</a> there exists a corresponding <a>presentation attribute</a>.
 The table below lists the presentation attributes and the elements on which
 they may be specified.</p>
 
 <p class="issue">Since the plan is to allow all SVG elements to be stylable,
 we will likely allow all presentation attributes on all SVG elements, and this
 table can then be removed.</p>
 
-<table class='proptable attrtable' summary='List of presentation attributes and the elements on which they may be specified'>
+<table class='proptable attrtable'>
   <thead>
     <tr>
       <th>Presentation attributes</th>
       <th>Elements on which the attributes may be specified</th>
     </tr>
   </thead>
   <tbody>
     <tr>
diff --git a/master/color.html b/master/color.html
--- a/master/color.html
+++ b/master/color.html
@@ -649,18 +649,17 @@ child elements.</p>
 
 <p>The following are the descriptors for a &lt;color-profile-description&gt;:</p>
 
     <div class="propdef">
       <dl>
         <dt id="ColorProfileSrcProperty"><span class="descdef-title property">'src'</span></dt>
         <dd>
           <table
-          summary="src descriptor definition for @color-profile"
-          class="propinfo" cellspacing="0" cellpadding="0">
+          class="propinfo" >
             <tr>
               <td><em>Values:</em></td>
               <td>sRGB | &lt;local-profile&gt; | <a
               href="types.html#DataTypeIRI">&lt;iri&gt;</a> |
               (&lt;local-profile&gt; <a
               href="types.html#DataTypeIRI">&lt;iri&gt;</a>) | <a
               class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
@@ -719,18 +718,17 @@ child elements.</p>
   is used.</dd>
 </dl>
 
     <div class="propdef">
       <dl>
         <dt id="ColorProfileNameProperty"><span class="descdef-title property">'name'</span></dt>
         <dd>
           <table
-          summary="name descriptor definition for @color-profile"
-          class="propinfo" cellspacing="0" cellpadding="0">
+          class="propinfo" >
             <tr>
               <td><em>Values:</em></td>
               <td><a>&lt;identifier&gt;</a></td>
             </tr>
             <tr>
               <td><em>Initial:</em></td>
               <td>undefined</td>
             </tr>
@@ -751,32 +749,31 @@ child elements.</p>
   definition.</dd>
 </dl>
 
     <div class="propdef">
       <dl>
         <dt id="RenderingIntentProperty"><span class="descdef-title property">'rendering-intent'</span></dt>
         <dd>
           <table
-          summary="rendering-intent descriptor definition for @color-profile"
-           class="propinfo" cellspacing="0" cellpadding="0">
+           class="propinfo" >
             <tr>
               <td><em>Values:</em></td>
               <td>auto | perceptual | relative-colorimetric |<br />
                saturation | absolute-colorimetric</td>
             </tr>
             <tr>
               <td><em>Initial:</em></td>
               <td>auto</td>
             </tr>
             <tr>
               <td><em>Media:</em></td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
diff --git a/master/concepts.html b/master/concepts.html
--- a/master/concepts.html
+++ b/master/concepts.html
@@ -195,17 +195,17 @@ common in existing Web graphics to be ex
 <h2 id="UsageOptions">Options for using SVG in Web pages</h2>
 
 <p>There are a variety of ways in which SVG content can be
 included within a Web page. Here are some of the options:</p>
 
 <dl>
   <dt>A stand-alone SVG Web page</dt>
   <dd>In this case, an SVG document (i.e., a Web resource whose
-  MIME type is "<tt>image/svg+xml</tt>") is loaded directly
+  MIME type is "<code>image/svg+xml</code>") is loaded directly
   into a user agent such as a Web browser. The SVG document is
   the Web page that is presented to the user.</dd>
 
   <dt>Embedding by reference</dt>
   <dd>In this case, a parent Web page references a separately
     stored SVG document and specifies that the given SVG
     document should be embedded as a component of the parent
     Web page. For HTML or XHTML, here are three options: 
diff --git a/master/coords.html b/master/coords.html
--- a/master/coords.html
+++ b/master/coords.html
@@ -415,18 +415,18 @@ viewport.</p>
   &lt;path fill="red"  d="M 750,100 L 250,900 L 1250,900 z"/&gt;
   &lt;!-- A text string that spans most of the viewport --&gt;
   &lt;text x="100" y="600" font-size="200" font-family="Verdana" &gt;
     Stretch to fit
   &lt;/text&gt;
 &lt;/svg&gt;
 </pre>
 
-<table summary="Example ViewBox">
-  <caption align="bottom">
+<table >
+  <caption>
     Example ViewBox
   </caption>
   <tr>
     <th>Rendered into<br />
      viewport with<br />
      width=300px,<br />
      height=200px</th>
     <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
@@ -998,17 +998,17 @@ values specified in percentage units are
 <h2 id="ObjectBoundingBoxUnits">Object bounding box units</h2>
 
 <p id="ObjectBoundingBox">The following elements offer the option of expressing
 coordinate values and lengths as fractions (and, in some cases,
 percentages) of the <a>bounding box</a>,
 by setting a specified attribute to <span class="attr-value">'objectBoundingBox'</span>
 on the given element:</p>
 
-<table class='vert' summary="Object bounding box units rules">
+<table class='vert'>
   <tr>
     <th>Element</th>
     <th>Attribute</th>
     <th>Effect</th>
   </tr>
   <tr>
     <edit:with element='linearGradient'>
       <td><a>'linearGradient'</a></td>
diff --git a/master/implnote.html b/master/implnote.html
--- a/master/implnote.html
+++ b/master/implnote.html
@@ -344,20 +344,20 @@ values ensures that:</p>
   remains continuous.</li>
 </ul>
 
 <h3 id="ArcParameterizationAlternatives">Parameterization alternatives</h3>
 
 <p>An arbitrary point (<var>x</var>,&nbsp;<var>y</var>) on the elliptical
 arc can be described by the 2-dimensional matrix equation:</p>
 
-<table summary="equation F.6.3.1" width="90%" border="0"
-cellspacing="0" cellpadding="0">
+<table  style="width: 90%"
+>
   <tr>
-    <td valign="top">
+    <td>
       <math xmlns="http://www.w3.org/1998/Math/MathML">
         <mrow>
           <mo>(</mo>
           <mtable>
             <mtr><mtd><mi>x</mi></mtd></mtr>
             <mtr><mtd><mi>y</mi></mtd></mtr>
           </mtable>
           <mo>)</mo>
@@ -390,17 +390,17 @@ cellspacing="0" cellpadding="0">
           <mtable>
             <mtr><mtd><msub><mi>c</mi><mi>x</mi></msub></mtd></mtr>
             <mtr><mtd><msub><mi>c</mi><mi>y</mi></msub></mtd></mtr>
           </mtable>
           <mo>)</mo>
         </mrow>
       </math>
     </td>
-    <td align="right">(F.6.3.1)</td>
+    <td style="text-align: right">(F.6.3.1)</td>
   </tr>
 </table>
 
 <p>(<var>c<sub>x</sub></var>,&nbsp;<var>c<sub>y</sub></var>) are
 the coordinates of the center of the ellipse.</p>
 
 <p><var>r<sub>x</sub></var> and <var>r<sub>y</sub></var>
 are the radii of the ellipse (also known as its semi-major and
@@ -458,41 +458,40 @@ parameterization and endpoint parameteri
   <var>x</var><sub>2</sub>
   <var>y</var><sub>2</sub>
   <var>f<sub>A</sub></var>
   <var>f<sub>S</sub></var>
 </p>
 
 <p>This can be achieved using the following formulas:</p>
 
-<table summary="elliptical arc formulas" width="90%" border="0"
-cellspacing="8" cellpadding="0">
+<table style="width: 90%">
   <tr>
-    <td valign="top"><img
+    <td><img
     alt="Equation F.6.4.1"
     src="images/implnote/arcs/image004.png" /></td>
-    <td align="right">(F.6.4.1)</td>
+    <td style="text-align: right">(F.6.4.1)</td>
   </tr>
   <tr>
-    <td valign="top"><img
+    <td><img
     alt="Equation F.6.4.2"
     src="images/implnote/arcs/image006.png" /></td>
-    <td align="right">(F.6.4.2)</td>
+    <td style="text-align: right">(F.6.4.2)</td>
   </tr>
   <tr>
-    <td valign="top"><img
+    <td><img
     alt="Equation F.6.4.3"
     src="images/implnote/arcs/image008.png" /></td>
-    <td align="right">(F.6.4.3)</td>
+    <td style="text-align: right">(F.6.4.3)</td>
   </tr>
   <tr>
-    <td valign="top"><img
+    <td><img
     alt="Equation F.6.4.4"
     src="images/implnote/arcs/image010.png" /></td>
-    <td align="right">(F.6.4.4)</td>
+    <td style="text-align: right">(F.6.4.4)</td>
   </tr>
 </table>
 
 <h3 id="ArcConversionEndpointToCenter">Conversion from endpoint to center parameterization</h3>
 
 <p>Given the following variables:</p>
 
 <p class='indented separated'>
@@ -524,90 +523,90 @@ a rotation to line up the coordinate axe
 All transformed coordinates will be written with primes. They are
 computed as intermediate values on the way toward finding the required
 center parameterization variables. This procedure consists of the
 following steps:</p>
 
 <ul>
   <li>
     <p><em>Step 1: Compute</em> (<var>x</var><sub>1</sub>€,&nbsp;<var>y</var><sub>1</sub>€)</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.5.1"
         src="images/implnote/arcs/image012.png" /></td>
-        <td align="right">(F.6.5.1)</td>
+        <td style="text-align: right">(F.6.5.1)</td>
       </tr>
     </table>
   </li>
 
   <li>
     <p><em>Step 2: Compute</em> (<var>c<sub>x</sub></var>€,&nbsp;<var>c<sub>y</sub></var>€)</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.5.2"
         src="images/implnote/arcs/image014.png" /></td>
-        <td align="right">(F.6.5.2)</td>
+        <td style="text-align: right">(F.6.5.2)</td>
       </tr>
     </table>
     <p>where the + sign is chosen if <var>f<sub>A</sub></var>&nbsp;‰&nbsp;<var>f<sub>S</sub></var>, and
     the ˆ’ sign is chosen if <var>f<sub>A</sub></var>&nbsp;=&nbsp;<var>f<sub>S</sub></var>.</p>
   </li>
 
   <li>
     <p><em>Step 3: Compute</em> (<var>c<sub>x</sub></var>,&nbsp;<var>c<sub>y</sub></var>)
     <em>from</em> (<var>c<sub>x</sub></var>€,&nbsp;<var>c<sub>y</sub></var>€)</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.5.3"
         src="images/implnote/arcs/image016.png" /></td>
-        <td align="right">(F.6.5.3)</td>
+        <td style="text-align: right">(F.6.5.3)</td>
       </tr>
     </table>
   </li>
 
   <li>
     <p><em>Step 4: Compute</em> <var>θ</var><sub>1</sub> and ”<var>θ</var></p>
     <p>In general, the angle between two vectors
     (<var>u<sub>x</sub></var>,&nbsp;<var>u<sub>y</sub></var>)
     and (<var>v<sub>x</sub></var>,&nbsp;<var>v<sub>y</sub></var>) can be computed as</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.5.4"
         src="images/implnote/arcs/image018.png" /></td>
-        <td align="right">(F.6.5.4)</td>
+        <td style="text-align: right">(F.6.5.4)</td>
       </tr>
     </table>
 
     <p>where the &#xb1; sign appearing here is the sign of
     <var>u<sub>x</sub></var>&nbsp;<var>v<sub>y</sub></var>&nbsp;ˆ’&nbsp;<var>u<sub>y</sub></var>&nbsp;<var>v<sub>x</sub></var>.</p>
 
     <p>This angle function can be used to express <var>θ</var><sub>1</sub> and
     ”<var>θ</var> as follows:</p>
 
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.5.5"
         src="images/implnote/arcs/image020.png" /></td>
-        <td align="right">(F.6.5.5)</td>
+        <td style="text-align: right">(F.6.5.5)</td>
       </tr>
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.5.6"
         src="images/implnote/arcs/image022.png" /></td>
-        <td align="right">(F.6.5.6)</td>
+        <td style="text-align: right">(F.6.5.6)</td>
       </tr>
     </table>
      
     <p>where <var>θ</var><sub>1</sub> is fixed in the range
     ˆ’360°&nbsp;&lt;&nbsp;”<var>θ</var>&nbsp;&lt;&nbsp;360° such that:</p>
 
     <p class='indented'>if <var>f<sub>S</sub></var>&nbsp;=&nbsp;0, then ”<var>θ</var>&nbsp;&lt;&nbsp;0,</p>
     <p class='indented'>else if <var>f<sub>S</sub></var>&nbsp;=&nbsp;1, then ”<var>θ</var>&nbsp;&gt;&nbsp;0.</p>
@@ -635,52 +634,52 @@ steps:</p>
     this as a straight line from (<var>x</var><sub>1</sub>,&nbsp;<var>y</var><sub>1</sub>)
     to (<var>x</var><sub>2</sub>,&nbsp;<var>y</var><sub>2</sub>) and stop. Otherwise,</p>
   </li>
 
   <li>
     <p><em>Step 2: Ensure radii are positive</em></p>
     <p>Take the absolute value of <var>r<sub>x</sub></var> and
     <var>r<sub>y</sub></var>:</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.6.1"
         src="images/implnote/arcs/image024.png" /></td>
-        <td align="right">(F.6.6.1)</td>
+        <td style="text-align: right">(F.6.6.1)</td>
       </tr>
     </table>
   </li>
 
   <li>
     <p><em>Step 3: Ensure radii are large enough</em></p>
     <p>Using the primed coordinate values of equation (F.6.5.1),
     compute</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.6.2"
         src="images/implnote/arcs/image026.png" /></td>
-        <td align="right">(F.6.6.2)</td>
+        <td style="text-align: right">(F.6.6.2)</td>
       </tr>
     </table>
     <p>If the result of the above equation is less than or equal to
     1, then no further change need be made to <var>r<sub>x</sub></var>
     and <var>r<sub>y</sub></var>. If
     the result of the above equation is greater than 1, then make
     the replacements</p>
-    <table summary="elliptical arc formulas" width="90%" border="0"
-    cellspacing="0" cellpadding="0">
+    <table  style="width: 90%"
+    >
       <tr>
-        <td valign="top"><img
+        <td><img
         alt="Equation F.6.6.3"
         src="images/implnote/arcs/image028.png" /></td>
-        <td align="right">(F.6.6.3)</td>
+        <td style="text-align: right">(F.6.6.3)</td>
       </tr>
     </table>
   </li>
 
   <li>
     <p><em>Step 4: Proceed with computations</em></p>
     <p>Proceed with the remaining elliptical arc computations, such
     as those in section F.6.5. Note: As a consequence of the
diff --git a/master/index.html b/master/index.html
--- a/master/index.html
+++ b/master/index.html
@@ -19,18 +19,20 @@
   <h1 id="pagetitle">Scalable Vector Graphics (SVG) 2</h1>
   <h2 id="pagesubtitle">W3C <edit:maturity/> <em><edit:date/></em></h2>
   <dl>
     <dt>This version:</dt>
     <dd><edit:thisversion/></dd>
     <dt>Latest version:</dt>
     <dd><edit:latestversion/></dd>
     <edit:includelatesteditorsdraft/>
+    <!--
     <dt>Previous version:</dt>
     <dd><edit:previousversion/></dd>
+    -->
     <dt>Single page version:</dt>
     <dd><edit:thisversion single-page="true"/></dd>
     <dt>Public comments:</dt>
     <dd><a href="mailto:www-svg@w3.org" class='url'>www-svg@w3.org</a> (<a href="http://lists.w3.org/Archives/Public/www-svg/">archive</a>)</dd>
     <dt class="top-editors">Editors:</dt>
     <dd>Nikos Andronikos, Canon, Inc. &lt;<a href="mailto:nikos.andronikos@cisra.canon.com.au" class='url'>nikos.andronikos@cisra.canon.com.au</a>&gt;</dd>
     <dd>Tavmjong Bah, Invited Expert &lt;<a href="mailto:tavmjong@free.fr" class='url'>tavmjong@free.fr</a>&gt;</dd>
     <dd>Brian Birtles, Mozilla Japan &lt;<a href="mailto:birtles@mozilla-japan.org" class='url'>birtles@mozilla-japan.org</a>&gt;</dd>
diff --git a/master/interact.html b/master/interact.html
--- a/master/interact.html
+++ b/master/interact.html
@@ -184,17 +184,17 @@ that can be attached to elements in the 
 <p>Requirements in the table on whether an event of a given type
 bubbles or is cancelable apply only to events that are created and
 dispatched by the user agent.  Events of those types created from script
 using the <code>createEvent</code> method on the <a>Document</a> interface can be made to bubble
 or be cancelable with the
 <a class='idlattr' href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-initEvent'>initEvent</a>
 method.</p>
 
-    <table summary="Complete list of SVG events" class="vert event-table">
+    <table  class="vert event-table">
       <tr>
         <th>Event name and description</th>
         <th>DOM2 name</th>
         <th>DOM2 category</th>
         <th>Event attribute name</th>
       </tr>
       <tr>
         <td id="FocusInEvent"><p class="event-name"><strong>focusin</strong></p>
@@ -696,17 +696,17 @@ DOM event, is as follows:</p>
   
   <li>If the event type is one which the user agent associates with the evocation
   of special user-interface controls (e.g., a right-click or command-click
   evoking a context menu), the user agent should evoke such user-agent-specific
   behavior, such as presenting a context menu or controls to allow zooming and
   panning of an SVG document fragment.</li>
 </ol>
 
-<h2 id="PointerEvents">The <span class="property">'pointer-events'</span> property</h2>
+<h2 id="PointerEventsProp">The <span class="property">'pointer-events'</span> property</h2>
 
 <p>In different circumstances, authors may want to control
 under what conditions particular graphic elements can become
 the target of pointer events. For example, the author might
 want a given element to receive pointer events only when the
 pointer is over the stroked perimeter of a given shape. In
 other cases, the author might want a given element to ignore
 pointer events under all circumstances so that graphical
diff --git a/master/intro.html b/master/intro.html
--- a/master/intro.html
+++ b/master/intro.html
@@ -57,17 +57,17 @@ available, or making an alternative vers
 alternative format which conveys the higher-level information,
 or by using SVG's facilities to include the higher-level
 information within the SVG content. For suggested techniques in
 achieving greater accessibility, see
 <a href="access.html">Accessibility</a>.</p>
 
 <h2 id="MIMEType">SVG MIME type, file name extension and Macintosh file type</h2>
 
-<p>The MIME type for SVG is "<tt>image/svg+xml</tt>" (see
+<p>The MIME type for SVG is "<code>image/svg+xml</code>" (see
 <a href="http://www.ietf.org/rfc/rfc3023.txt"><cite>XML Media Types</cite></a>
 [<a href="refs.html#ref-RFC3023">RFC3023</a>]). The
 registration of this MIME type is in progress at the W3C.</p>
 
 <p>It is recommended that SVG files have the extension
 <code>".svg"</code> (all lowercase) on all platforms. It is
 recommended that <a href="http://www.ietf.org/rfc/rfc1952.txt">gzip-compressed</a>
 [<a href="refs.html#ref-RFC1952">RFC1952</a>]
diff --git a/master/linking.html b/master/linking.html
--- a/master/linking.html
+++ b/master/linking.html
@@ -238,49 +238,46 @@ of the <a href="http://www.ietf.org/rfc/
 in this matter and imposes no such conformance testing
 requirement on SVG applications.</p>
 
 <p>If the <a>IRI reference</a> is relative, its absolute version must be computed by the method described in
 <a href="http://www.w3.org/TR/xmlbase/">XML Base</a> before use [<a href="refs.html#ref-XML-BASE">XML-BASE</a>].</p>
 
     <div class="adef-list">
       <dl>
-        <dt><a id="XLinkTypeAttribute"
-          name="XLinkTypeAttribute"></a> <span
+        <dt><a id="XLinkTypeAttribute" ></a> <span
             class="adef">xlink:type</span> = "<span
               class="attr-value">simple</span>"</dt>
         <dd><p>Identifies the type of XLink being used.  In SVG 1.1, only
           simple links are available. 
           Links are simple links by default, 
           so the attribute <span
             class="attr-value">xlink:type="simple"</span>
            is optional and may be omitted on simple links.
            Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
           <p class="anim-target"><a
             href="animate.html#Animatable">Animatable</a>:
             no.</p></dd>
-        <dt><a id="XLinkRoleAttribute"
-          name="XLinkRoleAttribute"></a> <span
+        <dt><a id="XLinkRoleAttribute" ></a> <span
             class="adef">xlink:role</span> = "<span
               class="attr-value"><a
                 href="types.html#DataTypeIRI">&lt;IRI&gt;</a></span>"</dt>
         <dd><p>An optional <a>IRI reference</a> that identifies some resource that describes
           the intended property. The value must be an <a>IRI reference</a> as
           defined in [<a
             href="http://www.ietf.org/rfc/rfc3987.txt">RFC3987</a>],
           except that if the <a>IRI</a> scheme used is allowed to have
           absolute and relative forms, the <a>IRI</a> portion must be
           absolute. When no value is supplied, no particular role
           value shall be inferred.
           Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
           <p class="anim-target"><a
             href="animate.html#Animatable">Animatable</a>:
             no.</p></dd>
-        <dt><a id="XLinkArcRoleAttribute"
-          name="XLinkArcRoleAttribute"></a> <span
+        <dt><a id="XLinkArcRoleAttribute" ></a> <span
             class="adef">xlink:arcrole</span> = "<span
               class="attr-value"><a
                 href="types.html#DataTypeIRI">&lt;IRI&gt;</a></span>"</dt>
         <dd><p>An optional <a>IRI reference</a> that identifies some resource that describes
           the intended property. The value must be an <a>IRI reference</a> as
           defined in [<a
             href="http://www.ietf.org/rfc/rfc3987.txt">RFC3987</a>],
           except that if the <a>IRI</a> scheme used is allowed to have
@@ -296,18 +293,17 @@ requirement on SVG applications.</p>
           arc. For example, a resource might generically represent a
           "person," but in the context of a particular arc it might
           have the role of "mother" and in the context of a different
           arc it might have the role of "daughter."
           Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
           <p class="anim-target"><a
             href="animate.html#Animatable">Animatable</a>:
             no.</p></dd>
-        <dt><a id="XLinkTitleAttribute"
-          name="XLinkTitleAttribute"></a> <span
+        <dt><a id="XLinkTitleAttribute" ></a> <span
             class="adef">xlink:title</span> = "<span
                 class="attr-value"><a href="types.html#DataTypeAnything">&lt;anything&gt;</a></span>"</dt>
         <dd><p>The title attribute shall be used to describe the meaning of
           a link or resource in a human-readable fashion, along the
           same lines as the role or arcrole attribute. A value is
           optional; if a value is supplied, it shall contain a
           string that describes the resource. In general it is preferable
           to  use a <a href="struct.html#TitleElement"><span class="element-name">'title'</span></a> child element
@@ -317,18 +313,17 @@ requirement on SVG applications.</p>
           available to applications used by visually impaired users,
           or to create a table of links, or to present help text that
           appears when a user lets a mouse pointer hover over a
           starting resource.
           Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
           <p class="anim-target"><a
             href="animate.html#Animatable">Animatable</a>:
             no.</p></dd>
-        <dt><a id="XLinkShowAttribute"
-          name="XLinkShowAttribute"></a> <span
+        <dt><a id="XLinkShowAttribute" ></a> <span
             class="adef">xlink:show</span> = "<span
               class="attr-value">new</span>' |
           '<span
             class="attr-value">replace</span>' |
           '<span
             class="attr-value">embed</span>' |
           '<span
             class="attr-value">other</span>' |
@@ -337,18 +332,17 @@ requirement on SVG applications.</p>
         <dd><p>This attribute is provided for backwards compatibility with SVG
      1.1. It provides documentation to XLink-aware processors. In
           case of a conflict, the target attribute has priority, since it can
           express a wider range of values.
           Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
           <p class="anim-target"><a
             href="animate.html#Animatable">Animatable</a>:
             no.</p></dd>
-        <dt><a id="XLinkActuateAttribute"
-          name="XLinkActuateAttribute"></a> <span
+        <dt><a id="XLinkActuateAttribute" ></a> <span
             class="adef">xlink:actuate</span> = "<span
               class="attr-value">onLoad</span>'</dt>
         <dd><p>This attribute is provided for backwards compatibility with SVG
           1.1. It provides documentation to XLink-aware processors.
           Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
           <p class="anim-target"><a
             href="animate.html#Animatable">Animatable</a>:
             no.</p></dd>
@@ -410,18 +404,17 @@ or frame to be replaced by the W3C home 
 
 <div id="AElement">
 <edit:elementsummary name='a'/>
 </div>
 
     <div class="adef-list">
       <p><em>Attribute definitions:</em></p>
       <dl>
-         <dt><a id="XLinkShowAttribute2"
-          name="XLinkShowAttribute2"></a> <span
+         <dt><a id="XLinkShowAttribute2" ></a> <span
             class="adef">xlink:show</span> = "<span
               class="attr-value">new</span>" |
           "<span
             class="attr-value">replace</span>" </dt>
         <dd><p>This attribute provides documentation to XLink-aware processors. If
           <span class="attr-value">target="_blank"</span> then use
           <span class="attr-value">xlink:show="new"</span> else use
           <span class="attr-value">'replace'</span>. In
diff --git a/master/masking.html b/master/masking.html
--- a/master/masking.html
+++ b/master/masking.html
@@ -1071,17 +1071,17 @@ to a particular range</a> for details.</
 
 <div class="example">
   <p>The following example illustrates various usage of the <a>'opacity'</a>
   property on objects and groups.</p>
 
   <edit:includefile href='images/masking/opacity01.svg'/>
 
   <div class='figure'>
-    <img class='bordered' src='images/masking/opacity01.svg'/>
+    <img class='bordered' src='images/masking/opacity01.svg' alt='Image showing different groups of circles blended into the background.'/>
     <p class='caption'>Each group of red and green circles is first rendered
     to an offscreen image before being blended with the background
     blue rectangle as a whole, with the given <a>'opacity'</a> values.</p>
   </div>
 
   <p>In the example, the top row of circles have differing opacities,
   ranging from 1.0 to 0.2. The bottom row illustrates five <a>'g'</a> elements,
   each of which contains overlapping red and green circles, as follows:</p>
diff --git a/master/mimereg.html b/master/mimereg.html
--- a/master/mimereg.html
+++ b/master/mimereg.html
@@ -144,17 +144,17 @@ Additional information:</dt>
         compressed with gzip.</p></dd>
      <dt>Macintosh file type code(s):</dt>
      <dd>"svg "  (all lowercase, with a space character as the 
      fourth letter).
      <p>Note that the Macintosh file type code 'svgz' (all lowercase) is used as an alias for GZIP
         <cite>[<a href="refs.html#ref-RFC1952">RFC1952</a>]</cite> compressed "svg ", <em>i.e.</em>
          octet streams of type image/svg+xml, subsequently compressed with gzip.</p></dd>
  <dt>Macintosh Universal Type Identifier code:  </dt>
- <dd><tt>org.w3c.svg</tt> conforms to <tt>public.image</tt>   and to <tt>public.xml</tt></dd>
+ <dd><code>org.w3c.svg</code> conforms to <code>public.image</code>   and to <code>public.xml</code></dd>
  <dt>Windows Clipboard Name:</dt>
  <dd>"SVG Image"</dd>
  <dt>Fragment Identifiers</dt>
  <dd>For documents labeled as application/svg+xml, the fragment identifier
   notation is either Shorthand Pointers (formerly called barenames) or
   the SVG-specific <a href="linking.html#LinksIntoSVG">SVG Views</a> syntax; 
   both described in the <a href="linking.html#SVGFragmentIdentifiers">fragment
   identifiers section of the SVG specification</a>.</dd>
diff --git a/master/minimize.html b/master/minimize.html
--- a/master/minimize.html
+++ b/master/minimize.html
@@ -57,17 +57,17 @@ specifications.</p>
 </ul>
 
 <p>Additionally, HTTP/1.1 allows for compressed data to be
 passed from server to client, which can result in significant
 file size reduction. Here are some sample compression results
 using <a href="http://www.ietf.org/rfc/rfc1952.txt">gzip
 compression</a> on SVG documents [<a href="refs.html#ref-RFC1952">RFC1952</a>]:</p>
 
-<table class='vert' summary="gzip compression results on SVG file sizes">
+<table class='vert'>
   <tr style="text-align: center">
     <th>Uncompressed
      SVG</th>
     <th>With gzip
      compression</th>
     <th>Compression
      ratio</th>
   </tr>
diff --git a/master/painting.html b/master/painting.html
--- a/master/painting.html
+++ b/master/painting.html
@@ -7,16 +7,32 @@
   <link rel="stylesheet"           title="Default"               type="text/css" media="screen" href="style/default_no_maturity.css"/>
   <link rel="alternate stylesheet" title="All annotations"       type="text/css" media="screen" href="style/default_svg.css"/>
   <link rel="alternate stylesheet" title="No issues/annotations" type="text/css" media="screen" href="style/default_no_issues.css"/>
   <!--
   <link rel="alternate stylesheet" title="CSS3 Unmodified"       type="text/css" media="screen" href="style/default.css"/>
   <link rel="alternate stylesheet" title="SVG 1.1"               type="text/css" media="screen" href="style/svg-style.css"/>
   -->
   <!-- W3C style sheet will be added here during processing. -->
+<style type="text/css">
+table.propdef.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% }
+table.propdef.attrdef th, table.propdef.attrdef td { border-bottom-color: #ccc }
+
+table.propdef.attrdef th:first-child,
+table.propdef.attrdef td:first-child { width: 16em; padding-left: 0 !important }
+
+table.propdef.attrdef th:first-child + th,
+table.propdef.attrdef td:first-child + td { width: auto }
+
+table.propdef.attrdef th:first-child + th + th,
+table.propdef.attrdef td:first-child + td + td { width: 6em }
+
+table.propdef.attrdef th:first-child + th + th + th,
+table.propdef.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
+</style>
 </head>
 <body>
 
 <h1>Painting: Filling, Stroking and Marker Symbols</h1>
 
 <h2 id="Introduction">Introduction</h2>
 
 <p><a>'path'</a> elements, <a>'text'</a> elements and <a href="shapes.html">basic shapes</a> can be
@@ -66,19 +82,18 @@ paint servers.</p>
       <td>Chris (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3094">ACTION-3094</a>)</td>
     </tr>
   </table>
 </div>
 
 <p>Properties <a>'fill'</a> and <a>'stroke'</a> take on a value of type
 <span class="prop-value">&lt;paint&gt;</span>, which is specified as follows:</p>
 
-    <table summary="paint specification" cellspacing="0"
-    cellpadding="0">
-      <tr valign="baseline">
+    <table>
+      <tr>
         <td><span
         class="property">&lt;paint&gt;</span>:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td><span class="prop-value">none |<br />
          currentColor |<br />
          <a href="types.html#DataTypeColor">&lt;color&gt;</a>
          [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>] |<br />
           <a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> [ none | currentColor | <a href="types.html#DataTypeColor">&lt;color&gt;</a>
          [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>] ] |<br />
@@ -1438,33 +1453,16 @@ bottom to top:</p>
 
 <edit:elementsummary name='marker'/>
 
 <p>The <a>'marker element'</a> element defines the graphics that are to
 be used for drawing markers on a <a>markable element</a>.</p>
 
 <p id="MarkerAttributes"><em>Attribute definitions:</em></p>
 
-<style>
-table.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% }
-table.attrdef th, table.attrdef td { border-bottom-color: #ccc }
-
-table.attrdef th:first-child,
-table.attrdef td:first-child { width: 16em; padding-left: 0 !important }
-
-table.attrdef th:first-child + th,
-table.attrdef td:first-child + td { width: auto }
-
-table.attrdef th:first-child + th + th,
-table.attrdef td:first-child + td + td { width: 6em }
-
-table.attrdef th:first-child + th + th + th,
-table.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
-</style>
-
 <dl class="attrdef-list">
   <dt>
 
 <table class="propdef attrdef">
   <tr>
     <th>Name</th>
     <th>Value</th>
     <th>Lacuna value</th>
@@ -1792,17 +1790,18 @@ processed.</p>
        <path d="M 3,3 L 7,7 M 3,7 L 7,3"
              fill="none" stroke="black" stroke-width="2"/>
      </marker>
    </path>
 </svg>
 ]]></pre>
 
   <div class="figure">
-    <img class="bordered" src="images/painting/markers-positioned.svg"/>
+    <img class="bordered" src="images/painting/markers-positioned.svg"
+         alt="Image showing the use of positioned markers."/>
     <p class="caption">Child <a>'marker element'</a> elements are used to position
     two square and two circular markers.  The cross marker is defined inline
     and does not need an ID.</p>
   </div>
 </div>
 
 <h3 id="VertexMarkerProperties">Vertex markers: the <span class="property">'marker-start'</span>,
 <span class="property">'marker-mid'</span> and <span class="property">'marker-end'</span>
@@ -1884,17 +1883,18 @@ refer to the first and last vertex of th
 
 <div class="example">
   <p>The following example shows a triangular marker symbol used as a
   <a>vertex marker</a> to form an arrowhead at the end of a path.</p>
 
   <edit:includefile href='images/painting/marker.svg'/>
 
   <div class="figure">
-    <img class="bordered" src="images/painting/marker.svg"/>
+    <img class="bordered" src="images/painting/marker.svg"
+         alt="Image showing the use of an automatically oriented marker."/>
     <p class="caption">The triangle is placed at the end of the path and
     oriented automatically so that it points in the right direction.</p>
   </div>
 </div>
 
 <h3 id="SegmentMarkers">Segment markers: the <span class="property">'marker-segment'</span>
 property</h3>
 
@@ -1986,17 +1986,18 @@ are:</p>
   <!-- the graph line -->
   <polyline points="50,100 100,20 150,50 200,130 250,80 300,170 350,100"
             fill="none" stroke="deeppink" stroke-width="2"
             marker="url(#Circle)" marker-segment="url(#Cross)"/>
 </svg>
 ]]></pre>
 
   <div class="figure">
-    <img class="bordered" src="images/painting/markers-segment.svg"/>
+    <img class="bordered" src="images/painting/markers-segment.svg"
+         alt="Image showing the use of segment markers."/>
     <p class="caption">Segment markers are used to place crosses at the center
     of each line segment in the line graph.</p>
   </div>
 </div>
 
 <h3 id="RepeatingMarkers">Repeating markers: the <span class="property">'marker-pattern'</span>
 property</h3>
 
@@ -2096,17 +2097,18 @@ at its position.</p>
   <path d="M 50,100 S 100,132 150,86 200,173 250,76 300,81
                       350,136 400,87 450,166 500,87 550,96"
         stroke="deeppink" stroke-width="2" fill="none"
         marker-pattern="40 url(#DoubleDash) 40 url(#SingleDash)"/>
 </svg>
 ]]></pre>
 
   <div class="figure">
-    <img class="bordered" src="images/painting/markers-repeating.svg"/>
+    <img class="bordered" src="images/painting/markers-repeating.svg"
+         alt="Image showing the use of repeating markers."/>
     <p class="caption">Markers specified with the <a>'marker-pattern'</a> property
     are placed along the path at fixed distances, not relative to the path
     vertices.</p>
   </div>
 </div>
 
 <h3 id="MarkerShorthand">Marker shorthand: the <span class="property">'marker'</span>
 property</h3>
@@ -2245,27 +2247,27 @@ knockout shapes is welcome.</p>
   <tr>
     <th><a>Animatable</a>:</th>
     <td>yes</td>
   </tr>
 </table>
 
 <p>where:</p>
 
-<p class="definition">
+<div class="definition">
   <dfn id="DataTypeKnockoutOffset">&lt;knockout-offset&gt;</dfn> =
   <div style="margin-left: 4em">[ <a>&lt;length&gt;</a> | <a>&lt;percentage&gt;</a> ]</div>
-</p>
-
-<p class="definition">
+</div>
+
+<div class="definition">
   <dfn id="DataTypeKnockoutShape">&lt;knockout-shape&gt;</dfn> =
   <div style="margin-left: 4em">[ <a>&lt;length&gt;</a> | <a>&lt;percentage&gt;</a> ] inverted? circle |</div>
   <div style="margin-left: 4em">[ <a>&lt;length&gt;</a> | <a>&lt;percentage&gt;</a> ]{2} inverted? ellipse |</div>
   <div style="margin-left: 4em">[ <a>&lt;length&gt;</a> | <a>&lt;percentage&gt;</a> ]{1,2} inverted? [ rectangle | triangle ]</div>
-</p>
+</div>
 
 <p class="note">New in SVG 2.  Added to allow authors to specify
 parts of a stroke that should be clipped away when a marker is
 placed on a path.  This helps with arrowheads, where the stroke
 must not be visible behind the pointy end, and with hollow markers
 as seen in metro maps, where the center of a marker is transparent
 and the stroke should not show through.</p>
 
@@ -2428,17 +2430,18 @@ triangle at -4px</span> for <a>'marker-k
 <span class="prop-value">8px triangle</span> for <a>'marker-knockout-right'</a>
 is allowed, as the two straight lines that form the left shape side do not intersect
 with either of the two straight lines that form the right shape side.
 However, using <span class="prop-value">8px triangle at -4px</span> for
 both properties would obviously cause an intersection, and so would not
 be allowed.</p>
 
 <div class="figure">
-  <img class="bordered" src="images/painting/knockout-shapes.svg" style="max-width: none"/>
+  <img class="bordered" src="images/painting/knockout-shapes.svg" style="max-width: none"
+       alt="Image showing various marker knockout shapes."/>
   <p class="caption">An illustration of the use of inverted and non-inverted circle,
   rectangle and triangle knockout shapes, at both 0px and 10px offsets.
   The value beneath each pink stroke is used for both <a>'marker-knockout-left'</a>
   and <a>'marker-knockout-right'</a>.  (The marker itself here has no
   content and does not render anything.)</p>
 </div>
 
 <div class="issue">
@@ -2629,17 +2632,17 @@ the following:</p>
 <div class="annotation requirement">
   <table>
     <tr>
       <th>SVG 2 Requirement:</th>
       <td>Support control of the order of filling, stroke and painting markers on shapes.</td>
     </tr>
     <tr>
       <th>Resolution:</th>
-      <td><a href="http://www.w3.org/2012/05/07-svg-minutes#item05">SVG 2 will adopt the <span span="property">'paint-order'</span> property proposal, though possibly with a different name.</a></td>
+      <td><a href="http://www.w3.org/2012/05/07-svg-minutes#item05">SVG 2 will adopt the <span class="property">'paint-order'</span> property proposal, though possibly with a different name.</a></td>
     </tr>
     <tr>
       <th>Purpose:</th>
       <td>To address the common desire to paint strokes below fills without having to duplicate an element.</td>
     </tr>
     <tr>
       <th>Owner:</th>
       <td>Cameron (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3285">ACTION-3285</a>)</td>
@@ -2738,17 +2741,18 @@ specified to render in that order?</p>
   </style>
 
   <text x="150" y="100" stroke-width="6px">pizazz</text>
   <text x="450" y="100" stroke-width="12px" paint-order="stroke">pizazz</text>
 </svg>
 ]]></pre>
 
   <div class="figure">
-    <img class="bordered" src="images/painting/paintorder.svg"/>
+    <img class="bordered" src="images/painting/paintorder.svg"
+         alt="Image showing the effect of paint-order."/>
     <p class="caption">Text painted with its stroke below the fill.</p>
   </div>
 </div>
 
 <div class="ready-for-wider-review">
 <h2 id="ColorInterpolation">Color space for interpolation: the
 <span class="property">'color-interpolation'</span> property</h2>
 
@@ -3329,17 +3333,18 @@ bounding box of the entire <a>'text'</a>
 
 <div class="example">
   <p>The following example shows how painting properties are inherited
   from a <a>'g'</a> element to its child <a>'rect'</a> elements.</p>
 
   <edit:includefile href="images/painting/inheritance.svg"/>
 
   <div class="figure">
-    <img class="bordered" src="images/painting/inheritance.svg"/>
+    <img class="bordered" src="images/painting/inheritance.svg"
+         alt="Image demonstrating the inheritance of painting properties."/>
     <p class="caption">Both rectangles are filled with the same orange-to-yellow
     gradient.</p>
   </div>
 </div>
 </div>
 
 <h2 id="DOMInterfaces">DOM interfaces</h2>
 
diff --git a/master/paths.html b/master/paths.html
--- a/master/paths.html
+++ b/master/paths.html
@@ -234,18 +234,17 @@ command.</p>
 <p>The "moveto" commands (<strong>M</strong> or
 <strong>m</strong>) establish a new current point. The effect
 is as if the "pen" were lifted and moved to a new location. A
 path data segment (if there is one) must begin with a "moveto"
 command. Subsequent "moveto" commands (i.e., when the "moveto"
 is not the first command) represent the start of a new
 <em>subpath</em>:</p>
 
-<table summary="moveto command" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table class="PathDataTable">
   <tr>
     <th>Command</th>
     <th>Name</th>
     <th>Parameters</th>
     <th>Description</th>
   </tr>
   <tr>
     <td><strong>M</strong> (absolute)<br />
@@ -288,18 +287,17 @@ of the subpath is "joined" with the star
 segment of the subpath using the current value of <a>'stroke-linejoin'</a>.
 If you instead "manually" close the subpath via a "lineto"
 command, the start of the first segment and the end of the last
 segment are not joined but instead are each capped using the
 current value of <a>'stroke-linecap'</a>.
 At the end of the command, the new current point is set to the
 initial point of the current subpath.</p>
 
-<table summary="closepath command" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table  class="PathDataTable">
   <tr>
     <th>Command</th>
     <th>Name</th>
     <th>Parameters</th>
     <th>Description</th>
   </tr>
   <tr>
     <td><strong>Z</strong> or<br />
@@ -312,18 +310,17 @@ border="1" cellspacing="2" cellpadding="
   </tr>
 </table>
     
 <h3 id="PathDataLinetoCommands">The <strong>"lineto"</strong> commands</h3>
 
 <p>The various "lineto" commands draw straight lines from the
 current point to a new point:</p>
 
-<table summary="lineto command" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table  class="PathDataTable">
   <tr>
     <th>Command</th>
     <th>Name</th>
     <th>Parameters</th>
     <th>Description</th>
   </tr>
   <tr>
     <td><strong>L</strong> (absolute)<br />
@@ -393,19 +390,17 @@ border="1" cellspacing="2" cellpadding="
   arc commands</a> (<strong>A</strong> and <strong>a</strong>).
   An elliptical arc segment draws a segment of an ellipse.</li>
 </ul>
 
 <h3 id="PathDataCubicBezierCommands">The cubic Bézier curve commands</h3>
 
 <p>The cubic Bézier commands are as follows:</p>
 
-<table summary="cubic Bézier command"
-class="PathDataTable" border="1" cellspacing="2"
-cellpadding="5">
+<table class="PathDataTable">
   <tr>
     <th>Command</th>
     <th>Name</th>
     <th>Parameters</th>
     <th>Description</th>
   </tr>
   <tr>
     <td><strong>C</strong> (absolute)<br />
@@ -467,19 +462,17 @@ alt="Example cubic02 - cubic Bézier com
 <p class="view-as-svg"><a href="images/paths/cubic02.svg">View
 this example as SVG (SVG-enabled browsers only)</a><br />
  &nbsp;</p>
 
 <h3 id="PathDataQuadraticBezierCommands">The quadratic Bézier curve commands</h3>
 
 <p>The quadratic Bézier commands are as follows:</p>
 
-<table summary="quadratic Bézier command"
-class="PathDataTable" border="1" cellspacing="2"
-cellpadding="5">
+<table class="PathDataTable">
   <tr>
     <th>Command</th>
     <th>Name</th>
     <th>Parameters</th>
     <th>Description</th>
   </tr>
   <tr>
     <td><strong>Q</strong> (absolute)<br />
@@ -545,18 +538,17 @@ command.</p>
       <th>Owner:</th>
       <td>Cameron (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3151">ACTION-3151</a>)</td>
     </tr>
   </table>
 </div>
 
 <p>The elliptical arc commands are as follows:</p>
 
-<table summary="elliptical arc commands" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table  class="PathDataTable">
   <tr>
     <th>Command</th>
     <th>Name</th>
     <th>Parameters</th>
     <th>Description</th>
   </tr>
   <tr>
     <td><strong>A</strong> (absolute)<br />
diff --git a/master/propidx.html b/master/propidx.html
--- a/master/propidx.html
+++ b/master/propidx.html
@@ -18,17 +18,17 @@
 
 <p class="normativity"><em>This appendix is informative, not normative.</em></p>
 
 <p class='issue'>This table should not list properties defined in
 other specifications.</p>
 
 <!-- It would be great if this table were automatically generated, too. -->
 
-    <table class='proptable' summary="list of all properties">
+    <table class='proptable'>
       <thead>
         <tr>
           <th>Name</th>
           <th>Values</th>
           <th>Initial value</th>
           <th>Applies to</th>
           <th title='Inherited'>Inh.</th>
           <th>Percentages</th>
diff --git a/master/publish.xml b/master/publish.xml
--- a/master/publish.xml
+++ b/master/publish.xml
@@ -8,25 +8,25 @@
 
   <!--
     Uncomment the publication date when it is time to publish on
     http://www.w3.org/TR/.  While an Editor's Draft, leave this
     commented out and the last commit date will be used as the
     document's date.
     -->
   <!--
-  <publication-date>2012-08-21</publication-date>
+  <publication-date>2012-08-23</publication-date>
   -->
 
   <versions>
     <cvs href='http://dvcs.w3.org/hg/svg2'/>
     <cvs-single href='http://dvcs.w3.org/hg/svg2/raw-file/single-page.html'/>
-    <this href='http://www.w3.org/TR/2012/WD-SVG2-20120821/'/>
-    <this-single href='http://www.w3.org/TR/WD-SVG2-20120821/single-page.html'/>
-    <previous href='http://www.w3.org/TR/2012/WD-SVG2-20120821/'/>
+    <this href='http://www.w3.org/TR/2012/WD-SVG2-20120823/'/>
+    <this-single href='http://www.w3.org/TR/WD-SVG2-20120823/single-page.html'/>
+    <previous href='http://www.w3.org/TR/2012/WD-SVG2-20120823/'/>
     <latest href='http://www.w3.org/TR/SVG2/'/>
     <latestrec href='http://www.w3.org/TR/SVG/'/>
   </versions>
 
   <definitions href='definitions.xml'/>
   <definitions href='definitions-filters.xml' base='https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html'/>
 
   <interfaces idl='../build/svg.idlx'/>
diff --git a/master/refs.html b/master/refs.html
--- a/master/refs.html
+++ b/master/refs.html
@@ -48,16 +48,17 @@
   <dd>
     <cite class="w3crec"><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a></cite>,
     B. Bos, T. ‡elik, I. Hickson, H. Lie, eds.
     World Wide Web Consortium, 07 June 2011.
     <br/>This edition of CSS 2.1 is http://www.w3.org/TR/2011/REC-CSS2-20110607/.
     <br/>The <a href="http://www.w3.org/TR/CSS2/">latest edition of CSS 2</a> is available at
     http://www.w3.org/TR/CSS2/.
   </dd>
+</dl>
 
 <dl class="references ready-for-wider-review">
   <dt id="ref-CSS3COLOR" class="normref">[CSS3COLOR]</dt>
   <dd>
     <cite class="w3crec"><a href="http://www.w3.org/TR/2011/REC-css3-color-20110607/">CSS Color Module Level 3</a></cite>,
     T. ‡elik, C. Lilley, L. D. Baron, eds.
     World Wide Web Consoritum, 07 June 2011.
     <br/>This edition of CSS3 Color is http://www.w3.org/TR/2011/REC-css3-color-20110607/.
@@ -133,16 +134,17 @@
         Values and Replaced Content Module Level 3</a></cite>,
     E. Etemad, T. Atkins, eds.
     World Wide Web Consortium, 17 April 2012.
     <br/>The <a href="http://www.w3.org/TR/css3-images/">latest edition of CSS4 Images</a> is available at
     http://www.w3.org/TR/css3-images/.
   </dd>
 </dl>
 
+<dl class="references">
   <dt id="ref-DOM2EVENTS" class="normref">[DOM2EVENTS]</dt>
   <dd>
     <cite class="w3crec"><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/">Document Object Model (DOM) Level 2 Events Specification</a></cite>,
     T. Pixley, ed.
     World Wide Web Consortium, 13 November 2000.
     <br/>This edition of DOM 2 Events is http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/.
     <br/>The <a href="http://www.w3.org/TR/DOM-Level-2-Events/">latest edition of DOM 2 Events</a> is available at
     http://www.w3.org/TR/DOM-Level-2-Events/.
diff --git a/master/script.html b/master/script.html
--- a/master/script.html
+++ b/master/script.html
@@ -115,18 +115,18 @@ If the <a>SVG user agent</a> does not su
   </text>
 </svg>
 ]]></pre>
 
 <!--
   It would be good to replace this markup with an <edit:example>, but that
   currently doesn't support multiple images like this example needs.
   -->
-<table summary="Example script01">
-  <caption align="bottom">Example script01</caption>
+<table >
+  <caption>Example script01</caption>
   <tbody>
     <tr>
       <td><img alt="Example script01 €” invoke an ECMAScript function from an onclick event €” before first click" src="images/script/script01.png"/>&nbsp;<img alt="Example script01 €” invoke an ECMAScript function from an onclick event €” after first click" src="images/script/script01-AfterClick.png"/></td>
     </tr>
   </tbody>
 </table>
 <p class="view-as-svg"><a href="images/script/script01.svg">View this example as SVG (SVG-enabled browsers only)</a></p>
 
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -1493,20 +1493,17 @@ document if British English is not avail
 interface for setting user preferences should guide the user to
 add "en" to get the best matching behavior.</p>
 
 <p>Multiple languages MAY be listed for content that is
 intended for multiple audiences. For example, content that is
 presented simultaneously in the original Maori and English
 versions, would call for:</p>
 
-<center>
-  <code>&lt;text systemLanguage="mi, en"&gt;&lt;!-- content
-  goes here --&gt;&lt;/text&gt;</code>
-</center>
+<pre>&lt;text systemLanguage="mi, en"&gt;&lt;!-- content goes here --&gt;&lt;/text&gt;</pre>
 
 <p>However, just because multiple languages are present within
 the object on which the <a>'systemLanguage'</a> test
 attribute is placed, this does not mean that it is intended for
 multiple linguistic audiences. An example would be a beginner's
 language primer, such as "A First Lesson in Latin," which is
 clearly intended to be used by an English-literate audience. In
 this case, the <a>'systemLanguage'</a> test attribute
diff --git a/master/style/default_svg.css b/master/style/default_svg.css
--- a/master/style/default_svg.css
+++ b/master/style/default_svg.css
@@ -231,17 +231,17 @@ h2.contents { font-size: inherit; color:
 #minitoc + ul.toc > li { margin: 0.75em 0 }
 #minitoc + ul.toc > li.no-num { margin: 1.5em 0 }
 
 /* Put more space around the chapter dividers than there is around section
    headings. */
 .chapter-divider { margin: 4em 0 }
 
 /* An indented definition. */
-.definition { margin-left: 2em }
+.definition { margin-left: 2em; margin-top: 1em }
 
 /* HTML-equivalent math for ATs. */
 div[role="math"] > :first-child ~ * {
   position: absolute;
   width: 400px;
   left: -10000px;
   overflow: hidden;
 }
@@ -318,8 +318,14 @@ table.proptable tbody td .property { dis
 }
 .proptable tbody th + td {
   min-width: 15em;
 }
 
 table.attrtable tbody td:first-child { white-space: normal }
 .attrtable tbody td, .attrtable tbody th { vertical-align: baseline }
 .attrtable thead th:first-child + th, .attrtable tbody th + td { text-align: left }
+
+table > caption { caption-side: bottom }
+
+table.PathDataTable { border-spacing: 2px; border-style: outset; border-width: 1px }
+table.PathDataTable td,
+table.PathDataTable th { padding: 5px; border-style: inset; border-width: 1px }
diff --git a/master/styling.html b/master/styling.html
--- a/master/styling.html
+++ b/master/styling.html
@@ -1050,17 +1050,17 @@ that can contain character data content,
 <a>'title'</a>
 <a>'tspan'</a>,
 <a>'tref'</a>,
 <a>'altGlyph'</a> and
 <a>'textPath'</a>.
 On user agents that support aural style sheets, the following CSS 2.1
 properties can be applied:</p>
 
-    <table class='vert' summary="aural styling properties">
+    <table class='vert'>
       <tr>
         <th>Aural property</th>
         <th>Definition in [<a href='refs.html#ref-CSS21'>CSS21</a>]</th>
       </tr>
       <tr>
         <td id="AzimuthProperty"><span class="attr-name">'azimuth'</span></td>
         <td><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/aural.html#propdef-azimuth">Section A.8</a></td>
       </tr>
diff --git a/master/svgdom.html b/master/svgdom.html
--- a/master/svgdom.html
+++ b/master/svgdom.html
@@ -540,17 +540,17 @@ strings.</p>
 interfaces, all of which are mandatory for SVG user agents:</p>
 
 <ul>
   <li><a>SVGColor</a></li>
   <li><a>SVGICCColor</a></li>
   <li><a>SVGPaint</a></li>
 </ul>
 
-<table class='vert property-table' summary="type representations for properties">
+<table class='vert property-table'>
   <tr>
     <th>Property Name</th>
     <th>Representation</th>
     <th>Mandatory?<br/>(Extended interfaces only)</th>
   </tr>
   <tr>
     <td><a>'alignment-baseline'</a></td>
     <td>ident</td>
diff --git a/master/text.html b/master/text.html
--- a/master/text.html
+++ b/master/text.html
@@ -608,16 +608,17 @@ placement and glyph advance.</p>
         stretching or compressing of the glyphs will be applied to
         all <var>n</var> characters.<br />
          If the attribute is not specified, the effect is as a
         value of <span class="attr-value">'spacing'</span> were
         specified.<br />
          <span class="anim-target"><a
         href="animate.html#Animatable">Animatable</a>:
         yes.</span></dd>
+	</dl>
         
         <dl class="ready-for-wider-review">
         <dt id="TextElementWidthAttribute"><span
         class="adef">width</span> = "<span class="attr-value"><a
         href="types.html#DataTypeLength">&lt;length&gt;</a></span>"</dt>
         <dd>Indicates the maximum length that the text is allowed to have 
         before being subject to <a>'text-overflow'</a> handling.
         Whenever the sum of advances (including properties <a>'letter-spacing'</a> and <a>'word-spacing'</a> and 
@@ -627,17 +628,16 @@ placement and glyph advance.</p>
         does affect the boundingbox of the element.
         </p>
         <br />
         The lacuna value for <a>'width'</a> is as if the attribute wasn't specified.
         <br />
          <span class="anim-target"><a
         href="animate.html#Animatable">Animatable</a>:
         yes.</span></dd>
-        </dl>
       </dl>
     </div>
     <p id="ExampleText01"><span class="example-ref">Example text01</span> below
     contains the text string "Hello, out there" which will be
     rendered onto the canvas using the Verdana font family with the
     glyphs filled with the color blue.</p>
 
 <edit:example href='images/text/text01.svg' name='test01' description="'Hello, out there' in blue" image='yes' link='yes'/>
@@ -1501,47 +1501,47 @@ a <a>'text'</a> element due to the Unico
 properties <a>'direction'</a> and <a>'unicode-bidi'</a>. For more on
 bidirectional text, see
 <a href="text.html#RelationshipWithBiDirectionality">Relationship with bidirectionality</a>.)</p>
 
     <div class="propdef">
       <dl>
         <dt id='WritingModeProperty'><span class="propdef-title property">'writing-mode'</span></dt>
         <dd>
-          <table summary="writing-mode property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>lr-tb | rl-tb | tb-rl | lr | rl | tb | <a
               class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>lr-tb</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>'text'</a> elements</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -1591,48 +1591,48 @@ glyph orientation when the inline-progre
 vertical. <a>'glyph-orientation-horizontal'</a>
 controls glyph orientation when the
 inline-progression-direction is horizontal.</p>
 
     <div class="propdef">
       <dl>
         <dt id="GlyphOrientationVerticalProperty"><span class="propdef-title property">'glyph-orientation-vertical'</span></dt>
         <dd>
-          <table summary="glyph-orientation-vertical property"
-          class="propinfo" cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table 
+          class="propinfo" >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>auto | <a
               href="types.html#DataTypeAngle">&lt;angle&gt;</a> |
               <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>auto</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -1741,66 +1741,66 @@ Latin characters is either <span class="
 or <span class="prop-value">90</span>. The diagram on the right
 show the result of mixing full-width ideographic glyphs with
 narrow-cell Latin glyphs when Latin glyphs are specified to
 have a <a>'glyph-orientation-vertical'</a> of <span
 class="prop-value">0</span>.</p>
 
 <p><img
 alt="Layout of mixed glyphs in vertical-ideographic mode. Wide-cell glyphs are upright, Non-wide-cell glyphs are rotated by 90 degrees."
- class="example" align="top" width="45" height="262"
+ class="example" width="45" height="262"
 src="images/text/lf-vi.png" /><img
 alt="Example of mixed Japanese and English in vertical-ideographic layout. Japanese glyphs are upright, English rotated."
- class="example" align="top" width="40" height="260"
+ class="example" width="40" height="260"
 src="images/text/GlyphOrientAuto.png" />
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <img
 alt="Layout of mixed glyphs in vertical mode. All glyphs are upright."
- class="example" align="top" width="42" height="342"
+ class="example" width="42" height="342"
 src="images/text/lf-v.png" /><img
 alt="Example of mixed Japanese and English in vertical layout. All glyphs are upright."
- class="example" align="top" width="38" height="340"
+ class="example" width="38" height="340"
 src="images/text/GlyphOrientZero.png" /></p>
 
     <div class="propdef">
       <dl>
         <dt id="GlyphOrientationHorizontalProperty"><span class="propdef-title property">'glyph-orientation-horizontal'</span></dt>
         <dd>
-          <table summary="glyph-orientation-horizontal property"
-          class="propinfo" cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table 
+          class="propinfo" >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td><a
               href="types.html#DataTypeAngle">&lt;angle&gt;</a> |
               <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>0deg</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -1927,46 +1927,46 @@ processing might be font-specific, the p
 kerning and ligature processing occurs between combinations of
 characters or glyphs after the characters have been
 re-ordered.</p>
 
     <div class="propdef">
       <dl>
         <dt id="DirectionProperty"><span class="propdef-title property">'direction'</span></dt>
         <dd>
-          <table summary="direction property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>ltr | rtl | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>ltr</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -1991,47 +1991,47 @@ which includes the usual case of horizon
 Arabic text and the case of narrow-cell Latin or Arabic
 characters rotated 90 degrees clockwise relative to a
 top-to-bottom inline-progression-direction.</p>
 
     <div class="propdef">
       <dl>
         <dt id="UnicodeBidiProperty"><span class='propdef-title property'>'unicode-bidi'</span></dt>
         <dd>
-          <table summary="unicode-bidi property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | embed | bidi-override | <a
               class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -2140,17 +2140,18 @@ For all the DOM methods it's as if <a>'t
   <g transform="translate(0,60)">
     <rect x="19.5" y="16.5" width="100" height="20"/>
     <text x="20" y="2em" width="100" text-overflow="ellipsis">SVG is awesome</text>
   </g>
 </svg>
 ]]></pre>
 
   <div class="figure">
-    <img class="bordered" src="images/text/text-overflow-ref.svg"/>
+    <img class="bordered" src="images/text/text-overflow-ref.svg"
+         alt="Image showing the use of the text-overflow property."/>
     <p class="caption">The <a>'text-overflow'</a> property used on text elements, the bottom line showing text with an ellipsis applied.</p>
   </div>
 </div>
 
 </div>
 
 <h2 id='AlignmentProperties'>Alignment properties</h2>
 
@@ -2518,48 +2519,48 @@ horizontal writing-modes.</p>
   </dd>
 </dl>
 <p>The baseline-alignment properties follow.</p>
 
     <div class="propdef">
       <dl>
         <dt id="DominantBaselineProperty"><span class="propdef-title property">'dominant-baseline'</span></dt>
         <dd>
-          <table summary="dominant-baseline property"
-          class="propinfo" cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table 
+          class="propinfo" >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>auto | use-script | no-change | reset-size |
               ideographic | alphabetic | hanging |
               mathematical | central | middle | text-after-edge |
               text-before-edge | <a
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               inherit</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>auto</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -2706,48 +2707,48 @@ explicitly set the desire scaled-baselin
 baseline table lacks an entry for the desired baseline, then
 the user agent may use heuristics to determine the position of
 the desired baseline.</p>
 
     <div class="propdef">
       <dl>
         <dt id="AlignmentBaselineProperty"><span class="propdef-title property">'alignment-baseline'</span></dt>
         <dd>
-          <table summary="alignment-baseline property"
-          class="propinfo" cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table 
+          class="propinfo" >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>auto | baseline | before-edge | text-before-edge
               | middle | central | after-edge | text-after-edge |
               ideographic | alphabetic | hanging | mathematical |
               <a
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               inherit</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>auto</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>'tspan'</a>, <a>'tref'</a>, <a>'altGlyph'</a>, <a>'textPath'</a> elements</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -2816,50 +2817,50 @@ being aligned.</p>
   <dd>The alignment-point of the object being aligned is
   aligned with the "mathematical" baseline of the parent <a>text content element</a>.</dd>
 </dl>
 
     <div class="propdef">
       <dl>
         <dt id="BaselineShiftProperty"><span class="propdef-title property">'baseline-shift'</span></dt>
         <dd>
-          <table summary="baseline-shift property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>baseline | sub | super | <a
               href="types.html#DataTypePercentage">&lt;percentage&gt;</a>
               | <a
               href="types.html#DataTypeLength">&lt;length&gt;</a> |
               <a
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               inherit</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>baseline</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>'tspan'</a>, <a>'tref'</a>, <a>'altGlyph'</a>, <a>'textPath'</a> elements</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>no</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>refers to the "line-height" of the <a>'text'</a> element, which
               in the case of SVG is defined to be equal to the <a>'font-size'</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -2952,49 +2953,49 @@ the <a href="http://www.w3.org/TR/2011/R
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], chapter 15).
 Any SVG-specific notes about these properties are contained in
 the descriptions below.</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontFamilyProperty"><span class="propdef-title property">'font-family'</span></dt>
         <dd>
-          <table summary="font-family property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>[[ &lt;family-name&gt; |<br />
                &lt;generic-family&gt; ],]* [&lt;family-name&gt;
               |<br />
                &lt;generic-family&gt;] | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>depends on user agent</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3007,46 +3008,46 @@ Except for any additional
 information provided in this specification, the
 <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-family">normative definition of the property</a>
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.3).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontStyleProperty"><span class="propdef-title property">'font-style'</span></dt>
         <dd>
-          <table summary="font-style property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | italic | oblique | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3056,46 +3057,46 @@ using a normal, italic or oblique face. 
 additional information provided in this specification, the
 <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-style">normative definition of the property</a>
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.4).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontVariantProperty"><span class="propdef-title property">'font-variant'</span></dt>
         <dd>
-          <table summary="font-variant property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | small-caps | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3106,49 +3107,49 @@ small-caps glyphs for lowercase characte
 additional information provided in this specification, the
 <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-variant">normative definition of the property</a>
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.5).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontWeightProperty"><span class="propdef-title property">'font-weight'</span></dt>
         <dd>
-          <table summary="font-weight property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | bold | bolder | lighter | 100 | 200 |
               300<br />
                | 400 | 500 | 600 | 700 | 800 | 900 | <a
               class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3159,50 +3160,50 @@ same font family. Except for any additio
 provided in this specification, the
 <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-weight">normative definition of the property</a>
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.6).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontStretchProperty"><span class="propdef-title property">'font-stretch'</span></dt>
         <dd>
-          <table summary="font-stretch property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | wider | narrower |<br />
                ultra-condensed | extra-condensed |<br />
                condensed | semi-condensed |<br />
                semi-expanded | expanded |<br />
                extra-expanded | ultra-expanded | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3212,49 +3213,49 @@ expansion in the glyphs used to render t
 additional information provided in this specification, the
 <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-stretch-prop">normative definition of the property</a>
 is in CSS3 Fonts ([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 3.3).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontSizeProperty"><span class="propdef-title property">'font-size'</span></dt>
         <dd>
-          <table summary="font-size property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>&lt;absolute-size&gt; | &lt;relative-size&gt;
               |<br />
                &lt;length&gt; | &lt;percentage&gt; | <a
               class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>medium</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes, the computed value is inherited</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>refer to parent element's font size</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3282,46 +3283,46 @@ href="coords.html#Units">Units</a>.</p>
 specification, the
 <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-size">normative definition of the property</a>
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.7).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontSizeAdjustProperty"><span class="propdef-title property">'font-size-adjust'</span></dt>
         <dd>
-          <table summary="font-size-adjust property"
-          class="propinfo" cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table 
+          class="propinfo" >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>&lt;number&gt; | none | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>none</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes (non-additive)</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3332,59 +3333,59 @@ font in a substitute font. Except for an
 information provided in this specification, the
 <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#propdef-font-size-adjust">normative definition of the property</a>
 is in CSS3 Fonts ([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 3.6).</p>
 
     <div class="propdef">
       <dl>
         <dt id="FontProperty"><span class="propdef-title property">'font'</span></dt>
         <dd>
-          <table summary="font property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>[ [ <span
               class="propinst-font-style">&lt;'font-style'&gt;</span>
               || <span
               class="propinst-font-variant">&lt;'font-variant'&gt;</span>
               || <span
               class="propinst-font-weight">&lt;'font-weight'&gt;</span>
               ]?<br />
                &lt;'font-size'&gt; [ / &lt;'line-height'&gt; ]?
               &lt;'font-family'&gt; ] |<br />
                caption | icon | menu | message-box |<br />
                small-caption | status-bar | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>see individual properties</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>allowed on 'font-size' and 'line-height' (Note:
               for the purposes of processing the <a>'font property'</a> property in
               SVG, 'line-height' is assumed to be equal the value
               for property <a>'font-size'</a>)</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes (non-additive)</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3424,46 +3425,46 @@ between glyphs and the <span class='prop
 disable kerning based on information from the font.</p>
 
 <p class='issue'>We need to require <span class='property'>'font-kerning'</span>.</p>
 
     <div class="propdef">
       <dl>
         <dt id="LetterSpacingProperty"><span class="propdef-title property">'letter-spacing'</span></dt>
         <dd>
-          <table summary="letter-spacing property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | &lt;length&gt; | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3491,46 +3492,46 @@ href="coords.html#Units">Units</a>.</p>
 specification, the
 <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/text.html#propdef-letter-spacing">normative definition of the property</a>
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 16.4).</p>
 
     <div class="propdef">
       <dl>
         <dt id="WordSpacingProperty"><span class="propdef-title property">'word-spacing'</span></dt>
         <dd>
-          <table summary="word-spacing property" class="propinfo"
-          cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table  class="propinfo"
+          >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>normal | &lt;length&gt; | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>normal</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3559,47 +3560,47 @@ specification, the
 is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 16.4).</p>
 
 <h2 id="TextDecorationProperties">Text decoration</h2>
 
     <div class="propdef">
       <dl>
         <dt id="TextDecorationProperty"><span class="propdef-title property">'text-decoration'</span></dt>
         <dd>
-          <table summary="text-decoration property"
-          class="propinfo" cellspacing="0" cellpadding="0">
-            <tr valign="baseline">
+          <table 
+          class="propinfo" >
+            <tr>
               <td><em>Value:</em>&nbsp;&nbsp;</td>
               <td>none | [ underline || overline || line-through ||
               blink ] | <a class="noxref"
               href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
               <span
               class="value-inst-inherit noxref">inherit</span></a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Initial:</em>&nbsp;&nbsp;</td>
               <td>none</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Applies to:</em>&nbsp;&nbsp;</td>
               <td><a>text content elements</a></td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Inherited:</em>&nbsp;&nbsp;</td>
               <td>no (see prose)</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Percentages:</em>&nbsp;&nbsp;</td>
               <td>N/A</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em>Media:</em>&nbsp;&nbsp;</td>
               <td>visual</td>
             </tr>
-            <tr valign="baseline">
+            <tr>
               <td><em><a
               href="animate.html#Animatable">Animatable</a>:</em>&nbsp;&nbsp;</td>
               <td>yes</td>
             </tr>
           </table>
         </dd>
       </dl>
     </div>
@@ -3734,18 +3735,17 @@ to a <a>'path'</a> element.</p>
         class="attr-value">startOffset="100%"</span> indicates the
         end point of the <a>'path'</a>.<br />
         <br />
          If the attribute is not specified, the effect is as if a
         value of "0" were specified.<br />
          <span class="anim-target"><a
         href="animate.html#Animatable">Animatable</a>:
         yes.</span></dd>
-        <dt><a id="TextPathElementMethodAttribute"
-        name="TextPathElementMethodAttribute"></a> <span
+        <dt><a id="TextPathElementMethodAttribute" ></a> <span
         class="adef">method</span> = "<span
         class="attr-value">align | stretch</span>"</dt>
         <dd>Indicates the method by which text should be rendered
         along the path.<br />
          A value of <span class="attr-value">align</span> indicates
         that the glyphs should be rendered using simple 2x3
         transformations such that there is no stretching/warping of
         the glyphs. Typically, supplemental rotation, scaling and
@@ -3763,18 +3763,17 @@ to a <a>'path'</a> element.</p>
         With this approach, connected glyphs, such as in cursive
         scripts, will maintain their connections.<br />
          If the attribute is not specified, the effect is as if a
         value of <span class="attr-value">align</span> were
         specified.<br />
          <span class="anim-target"><a
         href="animate.html#Animatable">Animatable</a>:
         yes.</span></dd>
-        <dt><a id="TextPathElementSpacingAttribute"
-        name="TextPathElementSpacingAttribute"></a> <span
+        <dt><a id="TextPathElementSpacingAttribute"></a> <span
         class="adef">spacing</span> = "<span
         class="attr-value">auto | exact</span>"</dt>
         <dd>Indicates how the user agent should determine the
         spacing between glyphs that are to be rendered along a
         path.<br />
          A value of <span class="attr-value">exact</span> indicates
         that the glyphs should be rendered exactly according to the
         spacing rules as specified in <a
@@ -3785,18 +3784,17 @@ to a <a>'path'</a> element.</p>
         algorithms to adjust the spacing between glyphs in order to
         achieve visually appealing results.<br />
          If the attribute is not specified, the effect is as if a
         value of <span class="attr-value">exact</span> were
         specified.<br />
          <span class="anim-target"><a
         href="animate.html#Animatable">Animatable</a>:
         yes.</span></dd>
-        <dt><a id="TextPathElementHrefAttribute"
-        name="TextPathElementHrefAttribute"></a> <span
+        <dt><a id="TextPathElementHrefAttribute"></a> <span
         class="adef">xlink:href</span> = "<span
         class="attr-value"><a
         href="types.html#DataTypeIRI">&lt;iri&gt;</a></span>"</dt>
         <dd>An <a href="linking.html#IRIReference">IRI
         reference</a> to the <a>'path'</a> element onto which
         the glyphs will be rendered. If &lt;iri&gt; is an invalid
         reference (e.g., no such element exists, or the referenced
         element is not a <a>'path'</a>), then the <a>'textPath'</a> element is
diff --git a/master/types.html b/master/types.html
--- a/master/types.html
+++ b/master/types.html
@@ -696,20 +696,20 @@ High-Quality SVG Viewers</a> are require
 floating point for intermediate calculations on certain numerical operations.</p>
 
 <h2 id="ColorKeywords">Recognized color keyword names</h2>
 
 <p>The following is the list of recognized color keywords that
 can be used as a keyword value for data type <a
 href="types.html#DataTypeColor">&lt;color&gt;</a>:</p>
 
-<table class="color-keywords" summary="color keywords">
+<table class="color-keywords">
   <tr>
     <td>
-      <table summary="color keywords part 1">
+      <table >
         <tr>
           <td><div class="colorpatch aliceblue"></div></td>
           <td><span class="prop-value">aliceblue</span></td>
           <td><span class="color-keyword-value">rgb(240, 248, 255)</span></td>
         </tr>
         <tr>
           <td><div class="colorpatch antiquewhite"></div></td>
           <td><span class="prop-value">antiquewhite</span></td>
@@ -1074,17 +1074,17 @@ href="types.html#DataTypeColor">&lt;colo
           <td><div class="colorpatch lightgrey"></div></td>
           <td><span class="prop-value">lightgrey</span></td>
           <td><span class="color-keyword-value">rgb(211, 211, 211)</span></td>
         </tr>
       </table>
     </td>
     <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
     <td>
-      <table summary="color keywords part 2">
+      <table >
         <tr>
           <td><div class="colorpatch lightpink"></div></td>
           <td><span class="prop-value">lightpink</span></td>
           <td><span class="color-keyword-value">rgb(255, 182, 193)</span></td>
         </tr>
         <tr>
           <td><div class="colorpatch lightsalmon"></div></td>
           <td><span class="prop-value">lightsalmon</span></td>
Received on Tuesday, 21 August 2012 02:28:03 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 21 August 2012 02:28:03 GMT