- From: Robin Berjon via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 16 Nov 2012 12:49:39 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/html-xhtml-author-guide
In directory hutz:/tmp/cvs-serv28504
Modified Files:
html-xhtml-authoring-guide-ED-COPY.htm
Log Message:
examples and misc fixes; changed one bit of the example
Index: html-xhtml-authoring-guide-ED-COPY.htm
===================================================================
RCS file: /sources/public/html5/html-xhtml-author-guide/html-xhtml-authoring-guide-ED-COPY.htm,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -d -r1.7 -r1.8
--- html-xhtml-authoring-guide-ED-COPY.htm 16 Nov 2012 12:39:15 -0000 1.7
+++ html-xhtml-authoring-guide-ED-COPY.htm 16 Nov 2012 12:49:31 -0000 1.8
@@ -58,7 +58,7 @@
<!--End section: Status of This Document-->
</section>
-<section id="introduction" class="section informative">
+<section id="introduction" class="informative">
<h2>Introduction</h2>
<p>
It is often valuable to be able to serve HTML5 documents that are also well formed XML documents.
@@ -261,7 +261,7 @@
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"><!DOCTYPE html>
+ <pre class="example highlight"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<title></title>
@@ -280,11 +280,11 @@
<p>
Correct:
</p>
- <pre class="example"><table>
+ <pre class="example highlight"><table>
<tbody>
<tr>...</pre>
Incorrect:
- <pre class="example"><table>
+ <pre class="example highlight"><table>
<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.
@@ -295,11 +295,11 @@
<p>
Correct:
</p>
- <pre class="example"><table>
+ <pre class="example highlight"><table>
<colgroup>
<col>...</pre>
Incorrect:
- <pre class="example"><table>
+ <pre class="illegal-example highlight"><table>
<col>...</pre>
</section>
@@ -608,7 +608,7 @@
This is because of attribute-value normalization in XML [[!XML10]].
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">
+<pre class="example highlight">
<iframe srcdoc="&lt;p>Hello &#x0A; &#x09; world!&lt;/p>" src="demo_iframe_srcdoc.htm"></iframe>
</pre>
<p class="note">
@@ -715,8 +715,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"><script src="external.js"></script></pre>
- <pre class="example"><link rel="stylesheet" href="external.css"/></pre>
+ <pre class="example highlight"><script src="external.js"></script></pre>
+ <pre class="example highlight"><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.
@@ -746,7 +746,7 @@
Safe content is content that does not contain a <code><</code> or <code>&</code> character.
The following example is safe because it does not contain problematic characters within the <code>script</code> tag.
</p>
- <pre class="example"><script>document.body.appendChild(document.createElement("div"));</script></pre>
+ <pre class="example highlight"><script>document.body.appendChild(document.createElement("div"));</script></pre>
<!--End section: In-line Script and Style-->
</section>
@@ -777,7 +777,7 @@
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">
+ <pre class="example highlight">
<!DOCTYPE html>
@@ -830,8 +830,16 @@
<ellipse cx="50%" cy="50%" rx="50%" ry="42%" style="fill:url(#myGradient)"/>
<rect x="0" y="0" width="100" height="100" style="fill: yellow; stroke: black;"/>
<a xlink:href="http://www.w3schools.com/svg/tryit.asp?filename=path2&type=svg">
- <!-- Note that the following attribute contains no newlines. -->
- <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"/>
+ <!--
+ 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.
+ -->
+ <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"/>
</a>
</g>
</svg>
Received on Friday, 16 November 2012 12:49:50 UTC