CVS html5/html-xhtml-author-guide

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

Modified Files:
	html-xhtml-authoring-guide.html 
Log Message:
Fixing bug 21174

--- /sources/public/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html	2013/07/05 16:41:24	1.115
+++ /sources/public/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html	2013/09/01 19:52:47	1.116
@@ -8,19 +8,19 @@
 	      var respecConfig = {
 	          specStatus:   "ED",
 	          shortName:    "html-polyglot",
-                  publishDate:  "2013-07-05",
+                  publishDate:  "2013-09-01",
 	          previousPublishDate:  "2010-10-19",
 	          previousMaturity:  "WD",
 	          edDraftURI:           "http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html",
 	          // lcEnd: "2009-08-05",
 	          editors:  [
 	              { name: "Eliot Graff", company: "Microsoft Corporation" },
-	              { name: "Leif H. Silli", company: "&METODIUS DA"},
+	              { name: "Leif H. Silli", company: "&METODIUS DA"}
 	          ],
 	          wg:           "HTML working group",
 	          wgURI:        "http://www.w3.org/html/wg/",
 	          wgPublicList: "public-html",
-	          wgPatentURI:  "http://www.w3.org/2004/01/pp-impl/40318/status",
+	          wgPatentURI:  "http://www.w3.org/2004/01/pp-impl/40318/status"
 	      };
 	    </script>
 <style>table.simple tr>*:first-child{text-align:right;}
@@ -145,7 +145,7 @@
 
 
 <section id="character-encoding" class="section">
-<h2>Specifying a Document's Character Encoding</h2>
+<h2>Specifying a Document’s Character Encoding</h2>
 	<p>
 		<a title="polyglot markup">Polyglot markup</a> uses the UTF-8 character encoding, the only character encoding for which both HTML and XML require support. 
 		HTML requires UTF-8 to be explicitly declared to avoid <a href="http://www.w3.org/TR/html5/semantics.html#charset">fallback to a legacy encoding</a> [[!HTML5]].
@@ -159,7 +159,8 @@
 			<li>Within the document
 				<ul>
 					<li>By using the Byte Order Mark (BOM) character (preferred).</li>
-					<li>By using <code>&lt;meta charset="UTF-8"/&gt;</code> (the HTML encoding declaration).</li>
+					<li>By using <code>&lt;meta charset="UTF-8"/></code> (the HTML encoding declaration).</li>
+                    <li>By using <code>&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/></code> (the meta element with an http-equiv attribute in the encoding declaration state).</li>
 				</ul>
 			</li>
 			<li>Outside the document		
@@ -275,10 +276,10 @@
 			it does not work in HTML and is therefore not used in <a>polyglot markup</a>.
 		</p>
 		<pre class="example highlight">
-&lt;style type="text/css"&gt;
+&lt;style type="text/css">
 @namespace xml   "http://www.w3.org/XML/1998/namespace";
 *[xml|lang]{background:lime;}
-&lt;/style&gt;
+&lt;/style>
 		</pre>	
 		<p>
 				
@@ -303,14 +304,14 @@
 			The <code>title</code> element is a child of the <code>head</code> element.
 			Therefore, the following source code would be the most basic <a>polyglot markup</a> document.
 		</p>
-		<pre class="example highlight">&lt;!DOCTYPE html&gt;
-&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""&gt;
-  &lt;head&gt;
-    &lt;title&gt;&lt;/title&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
-  &lt;/body&gt;
-&lt;/html&gt;
+		<pre class="example highlight">&lt;!DOCTYPE html>
+&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+  &lt;head>
+    &lt;title>&lt;/title>
+  &lt;/head>
+  &lt;body>
+  &lt;/body>
+&lt;/html>
 		</pre>
 		<p>
 			Whenever it uses a <code>tr</code> element, <a>polyglot markup</a> always wraps the <code>tr</code> element inside a 
@@ -322,12 +323,12 @@
 		<p>
 			Correct:
 		</p>
-		<pre class="example highlight">&lt;table&gt;
-&lt;tbody&gt;
-&lt;tr&gt;...</pre>	
+		<pre class="example highlight">&lt;table>
+&lt;tbody>
+&lt;tr>...</pre>
 			Incorrect:
-		<pre class="example highlight">&lt;table&gt;
-&lt;tr&gt;...</pre>
+		<pre class="example highlight">&lt;table>
+&lt;tr>...</pre>
 		<p>
 			Whenever it uses <code>col</code> elements within a <code>table</code> element, <a>polyglot markup</a> explicitly uses a <code>colgroup</code> element surrounding groups of the <code>col</code> elements. 
     		In HTML, if a group of one or more adjacent <code>col</code> elements are not explicitly wrapped inside a <code>colgroup</code> element, 
@@ -337,12 +338,12 @@
 		<p>
 			Correct:
 		</p>
-			<pre class="example highlight">&lt;table&gt;
-&lt;colgroup&gt;
-&lt;col&gt;...</pre>	
+			<pre class="example highlight">&lt;table>
+&lt;colgroup>
+&lt;col>...</pre>
 			Incorrect:
-			<pre class="illegal-example highlight">&lt;table&gt;
-&lt;col&gt;...</pre>
+			<pre class="illegal-example highlight">&lt;table>
+&lt;col>...</pre>
 	</section>
 
 
@@ -566,12 +567,12 @@
 			<li><code>track</code></li>
 			<li><code>wbr</code></li>	
 		</ul>
-	  <p><a title="polyglot markup">Polyglot markup</a> uses the minimized tag syntax for void elements, e.g. <code>&lt;br/&gt;</code>, 
-	  	rather than the alternative syntax <code>&lt;br&gt;&lt;/br&gt;</code>.
+	  <p><a title="polyglot markup">Polyglot markup</a> uses the minimized tag syntax for void elements, e.g. <code>&lt;br/></code>,
+	  	rather than the alternative syntax <code>&lt;br>&lt;/br></code>.
 	  </p>
 	  <p>
 	  	Given an empty instance of an element whose content model is not EMPTY (for example, an empty title or paragraph) 
-	  	<a>polyglot markup</a> does not use the minimized form (e.g. the document uses <code>&lt;p&gt;&lt;/p&gt;</code> and not <code>&lt;p /&gt;</code>).
+	  	<a>polyglot markup</a> does not use the minimized form (e.g. the document uses <code>&lt;p>&lt;/p></code> and not <code>&lt;p /></code>).
 	  </p>
 	  <p>Note that MathML and SVG elements may be either self-closing or contain content.</p>
 <!--End section: void Elements-->
@@ -653,7 +654,7 @@
 	The following example uses numeric character references (escaped characters) for the line feed, tab, and less-than characters within a <code>srcdoc</code> attribute.
 </p>
 <pre class="example highlight">
-&lt;iframe srcdoc="&amp;lt;p&gt;Hello &amp;#x0A; &amp;#x09; world!&amp;lt;/p&gt;" src="demo_iframe_srcdoc.htm"&gt;&lt;/iframe&gt;
+&lt;iframe srcdoc="&amp;lt;p>Hello &amp;#x0A; &amp;#x09; world!&amp;lt;/p>" src="demo_iframe_srcdoc.htm">&lt;/iframe>
 </pre>
 <div class="note">
 <p>
@@ -735,10 +736,10 @@
 			it does not work in HTML and is therefore not used in <a>polyglot markup</a>.
 		</p>
 		<pre class="example">
-&lt;style type="text/css"&gt;
+&lt;style type="text/css">
 @namespace xml   "http://www.w3.org/XML/1998/namespace";
 *[xml|lang]{background:lime;}
-&lt;/style&gt;
+&lt;/style>
 		</pre>	
 	</section>
 
@@ -785,8 +786,8 @@
 	    See also <a href="#PI-and-xml">Processing Instructions and the XML Declaration</a>.
 	</p>
 	<p>The following examples show how <a>polyglot markup</a> includes external script and style, respectively:</p>
-		<pre class="example highlight">&lt;script src="external.js"&gt;&lt;/script&gt;</pre>
-		<pre class="example highlight">&lt;link rel="stylesheet" href="external.css"/&gt;</pre>
+		<pre class="example highlight">&lt;script src="external.js">&lt;/script></pre>
+		<pre class="example highlight">&lt;link rel="stylesheet" href="external.css"/></pre>
 	<p>Although <code>document.write()</code> and <code>document.writeln()</code> are valid in an HTML document, neither function may be used in XHTML. 
 		Therefore, neither is used in <a>polyglot markup</a>.
 		Instead, use the <code>innerHTML</code> property for both HTML and XHTML.
@@ -815,20 +816,20 @@
 	<tr>
 	<th rowspan="2" >Ambiguous?</th><th rowspan="2">String</th><th rowspan="2">Info</th><th rowspan="2">HTML interpretation</th><th colspan="2">XML interpretation</th>
 	</tr>
-        <tr><th>if inside <code>&lt;[CDATA[</code>section<code>&#x5d;]&gt;</code></th><th>if outside <code>&lt;[CDATA[</code>section<code>&#x5d;]&gt;</code></th>
+        <tr><th>if inside <code>&lt;[CDATA[</code>section<code>&#x5d;]></code></th><th>if outside <code>&lt;[CDATA[</code>section<code>&#x5d;]></code></th>
        </tr>
 </thead>
 <tbody>
 <tr><td>ambiguous</td><td><code>&lt;</code></td><td>LESS-THAN SIGN</td><td>nearly uninterpreted</td><td>completely uninterpreted</td><td>interpreted <small>(commences tags, comments, CDATA)</small></td></tr>
 <tr><td>ambiguous</td><td><code>&amp;</code></td><td>AMPERSAND</td><td colspan="2">completely uninterpreted</td><td>interpreted <small>commences character reference or entity</small></td></tr>
 <tr><td>ambiguous</td><td><code>&lt;&#x2d;-</code></td><td>start of comment</td><td>partly unintepreted</td><td>completely uninterpreted</td><td>interpreted</td></tr>
-<tr><td>ambiguous</td><td><code>&#x2d;-&gt;</code></td><td>end of comment</td><td>partly unintepreted</td><td>completely uninterpreted</td><td>interpreted</td></tr>
+<tr><td>ambiguous</td><td><code>&#x2d;-></code></td><td>end of comment</td><td>partly unintepreted</td><td>completely uninterpreted</td><td>interpreted</td></tr>
 <tr><td>ambiguous</td><td><code>&lt;[CDATA[</code></td><td>start of CDATA declaration</td><td colspan="2">completely uninterpreted<td>interpreted <small>(begins CDATA block)</small></td></tr>
-<tr><td>ambiguous</td><td><code>&#93;]&gt;</code></td><td>end of CDATA declaration</td><td colspan="2">completely uninterpreted<td>interpreted <small>(ends CDATA block)</small></td></tr>
+<tr><td>ambiguous</td><td><code>&#93;]></code></td><td>end of CDATA declaration</td><td colspan="2">completely uninterpreted<td>interpreted <small>(ends CDATA block)</small></td></tr>
 <tr><td>ambiguous</td><td><code>cdata content</code></td><td>the content of CDATA sections</td><td></td><td>completely uninterpreted<td>—</td></tr>
-<tr><td>ambiguous</td><td><code>&lt;/script</code> </td><td>if occuring inside  <code>script</code> element and followed by one of "tab" (U+0009), "LF" (U+000A), "FF" (U+000C), "CR" (U+000D), U+0020 SPACE, "&gt;" (U+003E), or "/" (U+002F)</td><td>terminates parent</td><td>completely uninterpreted</td><td>interpreted</td></tr>
-<tr><td>ambiguous</td><td><code>&lt;/style</code></td><td>if occuring inside <code>style</code> element and followed by one of "tab" (U+0009), "LF" (U+000A), "FF" (U+000C), "CR" (U+000D), U+0020 SPACE, "&gt;" (U+003E), or "/" (U+002F)</td><td>terminates parent</td><td>completely uninterpreted</td><td>interpreted</td></tr>
-<tr><td>ambiguous</td><td><code>&lt;foo&gt;&lt;/bar&gt;</code></td><td>all other tags, wellformed or not</td><td colspan="2">completely uninterpreted</td><td>interpreted <small>subject to normal parsing rules</small></td></tr> </tbody>
+<tr><td>ambiguous</td><td><code>&lt;/script</code> </td><td>if occuring inside  <code>script</code> element and followed by one of "tab" (U+0009), "LF" (U+000A), "FF" (U+000C), "CR" (U+000D), U+0020 SPACE, ">" (U+003E), or "/" (U+002F)</td><td>terminates parent</td><td>completely uninterpreted</td><td>interpreted</td></tr>
+<tr><td>ambiguous</td><td><code>&lt;/style</code></td><td>if occuring inside <code>style</code> element and followed by one of "tab" (U+0009), "LF" (U+000A), "FF" (U+000C), "CR" (U+000D), U+0020 SPACE, ">" (U+003E), or "/" (U+002F)</td><td>terminates parent</td><td>completely uninterpreted</td><td>interpreted</td></tr>
+<tr><td>ambiguous</td><td><code>&lt;foo>&lt;/bar></code></td><td>all other tags, wellformed or not</td><td colspan="2">completely uninterpreted</td><td>interpreted <small>subject to normal parsing rules</small></td></tr> </tbody>
 <tbody>
 <tr><td>unambiguous</td><td><code>none of the above strings</code></td><td></td><td colspan="3">completely uninterpreted</td></tr>
 </tbody>
@@ -841,11 +842,11 @@
 <ul>
 <li>If the syntax rules of the script or stylesheet does not iclude CDATA declarations in its syntax, then use the comment syntax (or another loophole) of the script/stylesheet language to hide the CDATA declaration from the script.</li>
 <li>If HTML comments, or the start or the end of an HTML comment is inserted in an CDATA section, then it SHOULD also be closed within the same CDATA section.</li>
-<li>Inside a CDATA section, the CDATA ‘end tag’ string — <code>&#x5D;]&gt;</code> – MUST be escaped, though the exact escaping method depends on the goals of the use.</li>
+<li>Inside a CDATA section, the CDATA ‘end tag’ string — <code>&#x5D;]></code> – MUST be escaped, though the exact escaping method depends on the goals of the use.</li>
 </ul>
 
 	<p>The following the example is <a>polyglot markup</a> because there are no <a>ambiguous strings</a> within the <code>script</code> tag. </p>
-		<pre class="example highlight">&lt;script&gt;document.body.appendChild(document.createElement("div"));&lt;/script&gt;</pre>
+		<pre class="example highlight">&lt;script>document.body.appendChild(document.createElement("div"));&lt;/script></pre>
 	<p class="note">
 		A workaround for using ambiguous strings is to include the properly escaped characters 
 		inside the <code>src</code> attribute of <code>style</code> or <code>script</code> tags.
@@ -858,7 +859,7 @@
 <section id="comments" class="section">
 	<h2>Comments in Polyglot Markup</h2>
 	<p>
-		<a title="polyglot markup">Polyglot markup</a> does not begin a comment with either "<code>&gt;</code>" or "<code>&#x2D;&gt;</code>". 
+		<a title="polyglot markup">Polyglot markup</a> does not begin a comment with either "<code>></code>" or "<code>&#x2D;></code>".
 	</p>
 
 <!--End section: Comments-->
@@ -878,153 +879,153 @@
 		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" id="SampleDoc">&lt;!DOCTYPE html&gt;
+	<pre class="example" id="SampleDoc">&lt;!DOCTYPE html>
 
-&lt;html id="SampleDoc" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
+&lt;html id="SampleDoc" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
-  &lt;head&gt;
-    &lt;title&gt;A Sample Page Using Polglot Markup&lt;/title&gt;
-    &lt;meta charset='utf-8' /&gt;
-	&lt;!-- The link element is self-closing as described in <a href="http://www.w3.org/TR/html-polyglot/#empty-elements">Section 6.4 Void Elements</a> --&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 <a href="http://www.w3.org/TR/html-polyglot/#empty-elements">Section 6.4 Void Elements</a> -->
 	&lt;!-- Style commands are included by linking to an external file rather than including them in-line, 
-	  as described in <a href="http://www.w3.org/TR/html-polyglot/#script-and-style">Section 9. Script and Style</a> --&gt;
-	&lt;link type="text/css" rel="stylesheet" href="Sample.css"/&gt;
-  &lt;/head&gt;
-
-  &lt;body&gt;
-&lt;nav&gt;&lt;p&gt;&lt;strong&gt;NB:&lt;/strong&gt; These bytes are available served as &lt;a href="SamplePage.xhtml"&gt;<a href="SamplePage.xhtml">XHTML</a>&lt;/a&gt; and as &lt;a href="SamplePage.html"&gt;<a href="SamplePage.html">HTML</a>&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;
-
-    &lt;h1&gt;Sample Page Using Polyglot Markup&lt;/h1&gt;
-    &lt;p&gt;
-      The source code for &lt;a href="#SampleDoc"&gt;this document&lt;/a&gt; uses &lt;dfn id="sampleDef"&gt;polyglot markup&lt;/dfn&gt;, 
+	  as described in <a href="http://www.w3.org/TR/html-polyglot/#script-and-style">Section 9. Script and Style</a> -->
+	&lt;link type="text/css" rel="stylesheet" href="Sample.css"/>
+  &lt;/head>
+
+  &lt;body>
+&lt;nav>&lt;p>&lt;strong>NB:&lt;/strong> These bytes are available served as &lt;a href="SamplePage.xhtml"><a href="SamplePage.xhtml">XHTML</a>&lt;/a> and as &lt;a href="SamplePage.html"><a href="SamplePage.html">HTML</a>&lt;/a>&lt;/p>&lt;/nav>
+
+    &lt;h1>Sample Page Using Polyglot Markup&lt;/h1>
+    &lt;p>
+      The source code for &lt;a href="#SampleDoc">this document&lt;/a> uses &lt;dfn id="sampleDef">polyglot markup&lt;/dfn>,
       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 
-      &lt;a href="#sampleDef"&gt;polyglot markup&lt;/a&gt;.
-    &lt;/p&gt;
+      &lt;a href="#sampleDef">polyglot markup&lt;/a>.
+    &lt;/p>
 
-    &lt;h2&gt;Foreign Elements&lt;/h2&gt;
-    &lt;p&gt;
+    &lt;h2>Foreign Elements&lt;/h2>
+    &lt;p>
       The following shapes use SVG elements.
-      &lt;a href="#sampleDef"&gt;Polyglot markup&lt;/a&gt; introduces undeclared (native) default namespaces 
-      for the the root SVG element (&lt;code&gt;svg&lt;/code&gt;) and respects the mixed-case element names and values 
+      &lt;a href="#sampleDef">Polyglot markup&lt;/a> introduces undeclared (native) default namespaces
+      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 the sections <a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#element-level-namespaces">5.1 Element-Level Namespaces</a>, <a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#element-names">6.3.1 Element Names</a>, and <a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#attribute-values">6.3.3 Attribute Values</a>.
-    &lt;/p&gt;
+    &lt;/p>
 
-    &lt;!-- &lt;a href="#sampleDef"&gt;Polyglot markup&lt;/a&gt; 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;!-- &lt;a href="#sampleDef">Polyglot markup&lt;/a> 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.example.org/foo"&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) 
-    &lt;a href="#sampleDef"&gt;polyglot markup&lt;/a&gt; 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;code&gt;p&lt;/code&gt; element before this paragraph. 
-      &lt;a href="#sampleDef"&gt;Polyglot markup&lt;/a&gt; uses &lt;code&gt;&amp;lt;p&gt;&amp;lt;/p&gt;&lt;/code&gt; and not &lt;code&gt;&amp;lt;p/&gt;&lt;/code&gt;.
-    &lt;/p&gt;
-    &lt;p&gt;
-      &lt;a href="#sampleDef"&gt;Polyglot markup&lt;/a&gt; treats certain elements as self-closing, 
-      void elements, such as the following &lt;code&gt;img&lt;/code&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;
+    &lt;a href="#sampleDef">polyglot markup&lt;/a> 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.
+      &lt;a href="#sampleDef">Polyglot markup&lt;/a> uses &lt;code>&amp;lt;p>&amp;lt;/p>&lt;/code> and not &lt;code>&amp;lt;p/>&lt;/code>.
+    &lt;/p>
+    &lt;p>
+      &lt;a href="#sampleDef">Polyglot markup&lt;/a> treats certain elements as self-closing,
+      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 <a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#empty-elements">Section 6.4 Void Elements</a>.
-    &lt;/p&gt;
+    &lt;/p>
 
 
-    &lt;h2&gt;Required Elements&lt;/h2&gt;
-    &lt;p&gt;
-      The following table uses the required &lt;code&gt;tbody&lt;/code&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
       <a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#required-elements">Section 6.1 Required Elements</a>.
-    &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>

[87 lines skipped]

Received on Sunday, 1 September 2013 19:52:49 UTC