CVS html5/html-xhtml-author-guide

Update of /sources/public/html5/html-xhtml-author-guide
In directory roscoe:/tmp/cvs-serv7298

Modified Files:
	html-xhtml-authoring-guide.html 
Log Message:
fixing bug 21810

--- /sources/public/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html	2013/04/24 02:12:26	1.101
+++ /sources/public/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html	2013/04/24 12:11:54	1.102
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US" >
 
 <head>
 	<title>Polyglot Markup: A robust profile of the HTML5 vocabulary</title>
-	<meta charset='utf-8'>
-	<script class=remove src="http://www.w3.org/Tools/respec/respec-w3c-common" async></script>
+	<meta charset="utf-8" />
+	<script class="remove" src="http://www.w3.org/Tools/respec/respec-w3c-common" async=""></script>
 	<script class="remove">
 	      var respecConfig = {
 	          specStatus:           "ED",
 	          shortName:            "html-polyglot",
-                  publishDate:  "2013-04-23",
+                  publishDate:  "2013-04-24",
 	          previousPublishDate:  "2010-10-19",
 	          previousMaturity:  "WD",
 	          edDraftURI:           "http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html",
@@ -29,7 +29,7 @@
 
 <body>
 
-<section id=abstract>
+<section id="abstract">
 	A document that uses polyglot markup is a document that is a stream of bytes that parses into identical document trees 
 	(with some exceptions, as noted in the <a href="#introduction">Introduction</a>) when processed as HTML and when processed as XML.
 	Polyglot markup that meets a well-defined set of constraints is interpreted as compatible, regardless of whether they are processed as HTML or as XHTML, per the HTML5 specification. 
@@ -853,161 +853,158 @@
 		The example page could also be served as <code>'application/xhtml+xml'</code> instead, with the file extension .html, 
 		maintaining adherence to Polyglot markup and enabling the rendering of the SVG.
 	</p>
-	<pre class="example">
-&lt;!DOCTYPE html&gt;
+	<pre class="example">&lt;!DOCTYPE html>
 
+&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
-&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
-
-  &lt;head&gt;
-    &lt;title&gt;A Sample Page Using Polglot Markup&lt;/title&gt;
-    &lt;meta charset='utf-8'&lt;
-	&lt;!-- The link element is self-closing as described in Section 6.4 Void Elements --&gt;
+  &lt;head>
+    &lt;title>A Sample Page Using Polglot Markup&lt;/title>
+    &lt;meta charset='utf-8' />
+	&lt;!-- The link element is self-closing as described in Section 6.4 Void Elements -->
 	&lt;!-- Style commands are included by linking to an external file rather than including them in-line, 
-	  as described in Section 9. Script and Style --&gt;
-	&lt;link type="text/css" rel="stylesheet" href="Sample.css"/&gt;
-  &lt;/head&gt;
-
-  &lt;body&gt;
-    &lt;h1&gt;Sample Page Using Polyglot Markup&lt;/h1&gt;
-    &lt;p&gt;
-      The source code for this document uses <a>polyglot markup</a>, 
+	  as described in Section 9. Script and Style -->
+	&lt;link type="text/css" rel="stylesheet" href="Sample.css"/>
+  &lt;/head>
+
+  &lt;body>
+    &lt;h1>Sample Page Using Polyglot Markup&lt;/h1>
+    &lt;p>
+      The source code for this document uses polyglot markup, 
       a document that is a stream of bytes that parses into identical document trees 
       (with the exception of the xmlns attribute on the root element) when processed as HTML and when processed as XML.
       The source code for this document also contains additional comments about the use of 
-      <a>polyglot markup</a>.
-    &lt;/p&gt;
-		
-    &lt;h2&gt;Foreign Elements&lt;/h2&gt;
-    &lt;p&gt;
+      polyglot markup.
+    &lt;/p>
+
+    &lt;h2>Foreign Elements&lt;/h2>
+    &lt;p>
       The following shapes use SVG elements.
       Polyglot markup introduces undeclared (native) default namespaces 
-      for the the root SVG element (&lt;svg&gt;) and respects the mixed-case element names and values 
+      for the the root SVG element (&lt;code>svg&lt;/code>) and respects the mixed-case element names and values 
       when appropriate, as described in sections 5.1 Element-Level Namespaces, 
       6.3.1 Element Names, and 6.3.3 Attribute Values.
-    &lt;/p&gt;
+    &lt;/p>
 
-    &lt;!-- Polyglot markup declares the xlink: namespace on the &lt;svg&gt; element to maintain XML-compatibility  --&gt;
-    &lt;svg width="350" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
-      &lt;g&gt;
-        &lt;title&gt;Three SVG shapes&lt;/title&gt;
-        &lt;desc&gt;
+    &lt;!-- Polyglot markup declares the xlink: namespace on the &lt;svg> element to maintain XML-compatibility  -->
+    &lt;svg width="350" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+      &lt;g>
+        &lt;title>Three SVG shapes&lt;/title>
+        &lt;desc>
           This SVG image contains an ellipse filled with a gradient that goes from white to blue as it moves outward from the center. 
           A yellow rectangle with a black border overlaps the ellipse in the upper-left quadrant, 
           and a red spiral on a white background overlaps the ellipse in the bottom-right quadrant. 
           The red spiral is also a link to the example code for that SVG shape.
-        &lt;/desc&gt;
-        &lt;defs&gt;
-          &lt;!-- Note that "radialGradient" and "myGradient" respect mixed-case values. --&gt;
-          &lt;radialGradient id="myGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"&gt;
-            &lt;stop offset="0%" style="stop-color:rgb(200,200,200); stop-opacity:0"/&gt;
-            &lt;stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:1"/&gt;
-          &lt;/radialGradient&gt;
-        &lt;/defs&gt;
-      &lt;ellipse cx="50%" cy="50%" rx="50%" ry="42%" style="fill:url(#myGradient)"/&gt;
-      &lt;rect x="0" y="0" width="100" height="100" style="fill: yellow; stroke: black;"/&gt; 
-      &lt;a xlink:href="http://www.w3schools.com/svg/tryit.asp?filename=path2&amp;type=svg"&gt;
+        &lt;/desc>
+        &lt;defs>
+          &lt;!-- Note that "radialGradient" and "myGradient" respect mixed-case values. -->
+          &lt;radialGradient id="myGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
+            &lt;stop offset="0%" style="stop-color:rgb(200,200,200); stop-opacity:0"/>
+            &lt;stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:1"/>
+          &lt;/radialGradient>
+        &lt;/defs>
+      &lt;ellipse cx="50%" cy="50%" rx="50%" ry="42%" style="fill:url(#myGradient)"/>
+      &lt;rect x="0" y="0" width="100" height="100" style="fill: yellow; stroke: black;"/> 
+      &lt;a xlink:href="http://www.example.org/foo">
         &lt;!--
           Note that the following attribute contains newlines which will produce a different DOM,
           but will not affect the way in which SVG functions in the least.
-        --&gt;
+        -->
         &lt;path transform="translate(60, -175)"
                  d="M153 334 C153 334 151 334 151 334 C151 339 153 344 156 344 C164 344 171 339 171 334 
                     C171 322 164 314 156 314 C142 314 131 322 131 334 C131 350 142 364 156 364 
                     C175 364 191 350 191 334 C191 311 175 294 156 294 C131 294 111 311 111 334 
                     C111 361 131 384 156 384 C186 384 211 361 211 334 C211 300 186 274 156 274"
-                 style="fill:white;stroke:red;stroke-width:2"/&gt;
-        &lt;/a&gt;
-      &lt;/g&gt;
-    &lt;/svg&gt; 		
-    &lt;h2&gt;Void Elements&lt;/h2&gt;
+                 style="fill:white;stroke:red;stroke-width:2"/>
+        &lt;/a>
+      &lt;/g>
+    &lt;/svg> 		
+    &lt;h2>Void Elements&lt;/h2>
     &lt;!-- Given an empty instance of an element whose content model is not EMPTY (in this case, an empty paragraph) 
-    polyglot markup does not use the minimized form, as described in Section 6.4 Void Elements --&gt;
-    &lt;p&gt;&lt;/p&gt;
-    &lt;p&gt;
-      There is an empty &lt;p&gt; element before this paragraph. 
-      Polyglot markup uses &lt;p&gt;&lt;/p&gt; and not &lt;p /&gt;.  
-    &lt;/p&gt;
-    &lt;p&gt;
+    polyglot markup does not use the minimized form, as described in Section 6.4 Void Elements -->
+    &lt;p>&lt;/p>
+    &lt;p>
+      There is an empty &lt;code>p&lt;/code> element before this paragraph. 
+      Polyglot markup uses &lt;code>&lt;p>&lt;/p>&lt;/code> and not &lt;code>&lt;p/>&lt;/code>.
+    &lt;/p>
+    &lt;p>
       Polyglot markup treats certain elements as self-closing, 
-      void elements, such as the following &lt;img&gt; element.
-    &lt;/p&gt;
-    &lt;img height="48" width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home"/&gt;
-    &lt;p&gt;
+      void elements, such as the following &lt;code>img&lt;/code> element.
+    &lt;/p>
+    &lt;img height="48" width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home"/>
+    &lt;p>
       For more information, see Section 6.4 Void Elements.
-    &lt;/p&gt;
+    &lt;/p>
 
 
-    &lt;h2&gt;Required Elements&lt;/h2&gt;
-    &lt;p&gt;
-      The following table uses the required &lt;tbody&gt; element, as described in 
+    &lt;h2>Required Elements&lt;/h2>
+    &lt;p>
+      The following table uses the required &lt;code>tbody&lt;/code> element, as described in 
       Section 6.1 Required Elements.
-    &lt;/p&gt;
-    &lt;table&gt;
-      &lt;tbody&gt;
-        &lt;tr&gt;
-          &lt;th&gt;Column One&lt;/th&gt;
-          &lt;th&gt;Column Two&lt;/th&gt;
-        &lt;/tr&gt;
-        &lt;tr&gt;
-          &lt;td&gt;Row 1, Column 1&lt;/td&gt;
-          &lt;td&gt;Row 1, Column 2&lt;/td&gt;
-        &lt;/tr&gt;
-        &lt;tr&gt;
-          &lt;td&gt;Row 2, Column 1&lt;/td&gt;
-          &lt;td&gt;Row 2, Column 2&lt;/td&gt;
-        &lt;/tr&gt;
-        &lt;tr&gt;
-          &lt;td&gt;Row 3, Column 1&lt;/td&gt;
-          &lt;td&gt;Row 3, Column 2&lt;/td&gt;
-        &lt;/tr&gt;
-      &lt;/tbody&gt;
-    &lt;/table&gt;
+    &lt;/p>
+    &lt;table>
+      &lt;tbody>
+        &lt;tr>
+          &lt;th>Column One&lt;/th>
+          &lt;th>Column Two&lt;/th>
+        &lt;/tr>
+        &lt;tr>
+          &lt;td>Row 1, Column 1&lt;/td>
+          &lt;td>Row 1, Column 2&lt;/td>
+        &lt;/tr>
+        &lt;tr>
+          &lt;td>Row 2, Column 1&lt;/td>
+          &lt;td>Row 2, Column 2&lt;/td>
+        &lt;/tr>
+        &lt;tr>
+          &lt;td>Row 3, Column 1&lt;/td>
+          &lt;td>Row 3, Column 2&lt;/td>
+        &lt;/tr>
+      &lt;/tbody>
+    &lt;/table>
 
-    &lt;p&gt;
-      The following table uses the required &lt;colgroup&gt; element, as described in 
+    &lt;p>
+      The following table uses the required &lt;code>colgroup&lt;/code> element, as described in 
       Section 6.1 Required Elements.  
-    &lt;/p&gt;
-    &lt;table&gt;
-      &lt;colgroup&gt;
-        &lt;col style="background-color:silver"/&gt;
-        &lt;col style="background-color:gray"/&gt;
-        &lt;col style="background-color:yellow"/&gt;
-      &lt;/colgroup&gt;
-      &lt;tbody&gt;
-        &lt;tr&gt;
-          &lt;th&gt;ISBN&lt;/th&gt;
-          &lt;th&gt;Title&lt;/th&gt;
-          &lt;th&gt;Price&lt;/th&gt;
-        &lt;/tr&gt;
-        &lt;tr&gt;
-          &lt;td&gt;3476896&lt;/td&gt;
-          &lt;td&gt;My first HTML&lt;/td&gt;
-          &lt;td&gt;$53&lt;/td&gt;
-        &lt;/tr&gt;
-        &lt;tr&gt;
-          &lt;td&gt;1234567&lt;/td&gt;
-          &lt;td&gt;Intermediate Polyglot&lt;/td&gt;
-          &lt;td&gt;$49&lt;/td&gt;
-        &lt;/tr&gt;
-      &lt;/tbody&gt;
-    &lt;/table&gt;
-
-    &lt;h2&gt;Named Entity References&lt;/h2&gt;
-    &lt;p&gt;
-      This paragraph uses the string "&amp;amp;" for ampersands ("&amp;") and uses the string "&amp;#xA0;" 
-      for a nonbreaking space between the words "polyglot&#xA0;markup," as described in 
+    &lt;/p>
+    &lt;table>
+      &lt;colgroup>
+        &lt;col style="background-color:silver"/>
+        &lt;col style="background-color:gray"/>
+        &lt;col style="background-color:yellow"/>
+      &lt;/colgroup>
+      &lt;tbody>
+        &lt;tr>
+          &lt;th>ISBN&lt;/th>
+          &lt;th>Title&lt;/th>
+          &lt;th>Price&lt;/th>
+        &lt;/tr>
+        &lt;tr>
+          &lt;td>3476896&lt;/td>
+          &lt;td>My first HTML&lt;/td>
+          &lt;td>$53&lt;/td>
+        &lt;/tr>
+        &lt;tr>
+          &lt;td>1234567&lt;/td>
+          &lt;td>Intermediate Polyglot&lt;/td>
+          &lt;td>$49&lt;/td>
+        &lt;/tr>
+      &lt;/tbody>
+    &lt;/table>
+
+    &lt;h2>Named Entity References&lt;/h2>
+    &lt;p>
+      This paragraph uses the string "&amp;amp;" for ampersands ("&amp;") and uses the string "&#xA0;" 
+      for a nonbreaking space between the words "polyglot markup," as described in 
       Section 8. Named Entity References.
-    &lt;/p&gt;
-  &lt;/body&gt;
-&lt;/html&gt; 
-	</pre>
+    &lt;/p>
+  &lt;/body>
+&lt;/html></pre>
 	
 <!--End section: Example Document-->
 </section>
 
 
-<section class=appendix>
+<section class="appendix">
 <h2>Acknowledgements</h2>
 <p>
 	Many thanks to Robin Berjon, David Carlisle, Daniel Glazman, Richard Ishida, Tony Ross, Sam Ruby, Jonas Sicking, Leif Halvard Silli, Henri Sivonen, Manu Sporny, and Philip Taylor.

Received on Wednesday, 24 April 2013 12:11:57 UTC