W3C home > Mailing lists > Public > public-html-commits@w3.org > December 2010

html5/html-xhtml-author-guide SamplePage.html,1.3,1.4

From: Eliot Graff via cvs-syncmail <cvsmail@w3.org>
Date: Thu, 02 Dec 2010 20:15:52 +0000
To: public-html-commits@w3.org
Message-Id: <E1POFZI-0007xu-0h@lionel-hutz.w3.org>
Update of /sources/public/html5/html-xhtml-author-guide
In directory hutz:/tmp/cvs-serv30604

Modified Files:
	SamplePage.html 
Log Message:
Removed meta element and added xmlns attribute to SVG. added closing html tag </blush>.

Index: SamplePage.html
===================================================================
RCS file: /sources/public/html5/html-xhtml-author-guide/SamplePage.html,v
retrieving revision 1.3
retrieving revision 1.4
diff -u -d -r1.3 -r1.4
--- SamplePage.html	2 Dec 2010 00:28:29 -0000	1.3
+++ SamplePage.html	2 Dec 2010 20:15:49 -0000	1.4
@@ -3,156 +3,152 @@
 
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
-<head>
-	<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
-	<!-- Content type and character encoding declared as described in Section 3. Specifying a Document's Character Encoding -->
-	<!-- Note that polyglot markup may also declare character encoding in the HTTP header of the response, as described in Section 3. Specifying a Document's Character Encoding  -->
-	<title>A Sample Page Using Polglot Markup</title>
-	<!-- The link element is self-closing as described in Section 6.4 Empty Elements -->
-	<!-- Style commands are included by linking to an external file rather than including them in-line as described in Section 9. Script and Style -->
-	<link type="text/css" rel="stylesheet" href="Sample.css"/>
-</head>
-
-<body>
-	<h1>Sample Page Using Polyglot Markup</h1>
-	<p>
-		The source code for this document uses <dfn id="polyglot">polyglot markup</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 <a href="#polyglot">polyglot markup</a>.
-	</p>
-	
-		<h2>Foreign Elements</h2>
-		<p>
-			The following shapes use SVG elements. 
-			<a href="#polyglot">Polyglot markup</a> introduces undeclared (native) default namespaces 
-			for the the root SVG element <code>&lt;svg&gt;</code> and respects the mixed-case element names and attribute values 
-			when appropriate, as described in 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>.
-		</p>
-
-		<!-- Polyglot markup declares the xlink: namespace within the <svg> element to maintain XML-compatibility  -->
-		<svg width="350" height="250" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
-			<g>
-				<title>Three SVG shapes</title>
-				<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 shape.
-				</desc>
-				<defs>
-					<!-- Note that "radialGradient" and "myGradient" respect mixed-case values. -->
-					 <radialGradient id="myGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
-						 <stop offset="0%" style="stop-color:rgb(200,200,200); stop-opacity:0"/>
-						 <stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:1"/>
-					 </radialGradient>
-				</defs>
-				<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&amp;type=svg">
-			       <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> 		
-		<h2>Empty Elements</h2>
-		<!-- 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 Empty Elements -->
-		<p></p>
-		<p>
-			There is an empty <code>&lt;p&gt;</code> element before this paragraph. 
-			<a href="#polyglot">Polyglot markup</a> uses <code>&lt;p&gt;&lt;/p&gt;</code> and not <code>&lt;p /&gt;</code>.
-		</p>
-		<p>
-			<a href="#polyglot">Polyglot markup</a> treats certain elements as self-closing, 
-			empty elements, such as the following <code>&lt;img&gt;</code> element.
-		</p>
-		<!-- The img element is self-closing as described in Section 6.4 Empty Elements -->
-		<img height="48" width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home"/>
-		<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 Empty Elements</a>.
-		</p>
-
-
-		<h2>Required Elements</h2>
-		<p>
-			The following table uses the required <code>&lt;tbody&gt;</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>.
-		</p>
-		<table>
-			<!-- Explicit use of the <tbody> element, as described in Section 6.1 Required Elements -->
-			<tbody>
-				<tr>
-					<th>Column One</th>
-					<th>Column Two</th>
-				</tr>
-				<tr>
-					<td>Row 1, Column 1</td>
-					<td>Row 1, Column 2</td>
-				</tr>
-				<tr>
-					<td>Row 2, Column 1</td>
-					<td>Row 2, Column 2</td>
-				</tr>
-				<tr>
-					<td>Row 3, Column 1</td>
-					<td>Row 3, Column 2</td>
-				</tr>
-			</tbody>
-		</table>
+	<head>
+		<title>A Sample Page Using Polglot Markup</title>
+		<!-- The link element is self-closing as described in Section 6.4 Empty Elements -->
+		<!-- Style commands are included by linking to an external file rather than including them in-line as described in Section 9. Script and Style -->
+		<link type="text/css" rel="stylesheet" href="Sample.css"/>
+	</head>
 
+	<body>
+		<h1>Sample Page Using Polyglot Markup</h1>
 		<p>
-			The following table uses the required <code>&lt;colgroup&gt;</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>.
+			The source code for this document uses <dfn id="polyglot">polyglot markup</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 <a href="#polyglot">polyglot markup</a>.
 		</p>
-		<table>
-			<!-- Explicit use of the <colgroup> element as described in Section 6.1 Required Elements -->
-				<colgroup>
-					<col style="background-color:silver"/>
-					<col style="background-color:gray"/>
-					<col style="background-color:yellow"/>
-				</colgroup>
-			 	<tr>
-			 		<th>ISBN</th>
-			 		<th>Title</th>
-			 		<th>Price</th>
-			 	</tr>
-			 	<tr>
-			 		<td>3476896</td>
-			 		<td>My first HTML</td>
-			 		<td>$53</td>
-			 	</tr>
-				<tr>
-			 		<td>1234567</td>
-			 		<td>Intermediate Polyglot</td>
-			 		<td>$49</td>
-				</tr>
-		</table>
-
+		
+			<h2>Foreign Elements</h2>
+			<p>
+				The following shapes use SVG elements. 
+				<a href="#polyglot">Polyglot markup</a> introduces undeclared (native) default namespaces 
+				for the the root SVG element <code>&lt;svg&gt;</code> and respects the mixed-case element names and attribute values 
+				when appropriate, as described in 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>.
+			</p>
 	
-		<h2>Named Entity References</h2>
-		<p>
-			This paragraph uses the string <code>&amp;amp;</code> for ampersands and uses the string <code>&amp;#xA0;</code> 
-			for a nonbreaking space between the words "polyglot&#xA0;markup" as described in 
-			<a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#named-entity-references">Section 8. Named Entity References</a>.
-		</p>
-
-
-</body>
+			<!-- Polyglot markup declares the xlink: namespace within the <svg> element to maintain XML-compatibility  -->
+			<svg width="350" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+				<g>
+					<title>Three SVG shapes</title>
+					<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 shape.
+					</desc>
+					<defs>
+						<!-- Note that "radialGradient" and "myGradient" respect mixed-case values. -->
+						 <radialGradient id="myGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
+							 <stop offset="0%" style="stop-color:rgb(200,200,200); stop-opacity:0"/>
+							 <stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:1"/>
+						 </radialGradient>
+					</defs>
+					<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&amp;type=svg">
+				       <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> 		
+			<h2>Empty Elements</h2>
+			<!-- 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 Empty Elements -->
+			<p></p>
+			<p>
+				There is an empty <code>&lt;p&gt;</code> element before this paragraph. 
+				<a href="#polyglot">Polyglot markup</a> uses <code>&lt;p&gt;&lt;/p&gt;</code> and not <code>&lt;p /&gt;</code>.
+			</p>
+			<p>
+				<a href="#polyglot">Polyglot markup</a> treats certain elements as self-closing, 
+				empty elements, such as the following <code>&lt;img&gt;</code> element.
+			</p>
+			<!-- The img element is self-closing as described in Section 6.4 Empty Elements -->
+			<img height="48" width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home"/>
+			<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 Empty Elements</a>.
+			</p>
+	
+	
+			<h2>Required Elements</h2>
+			<p>
+				The following table uses the required <code>&lt;tbody&gt;</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>.
+			</p>
+			<table>
+				<!-- Explicit use of the <tbody> element, as described in Section 6.1 Required Elements -->
+				<tbody>
+					<tr>
+						<th>Column One</th>
+						<th>Column Two</th>
+					</tr>
+					<tr>
+						<td>Row 1, Column 1</td>
+						<td>Row 1, Column 2</td>
+					</tr>
+					<tr>
+						<td>Row 2, Column 1</td>
+						<td>Row 2, Column 2</td>
+					</tr>
+					<tr>
+						<td>Row 3, Column 1</td>
+						<td>Row 3, Column 2</td>
+					</tr>
+				</tbody>
+			</table>
+	
+			<p>
+				The following table uses the required <code>&lt;colgroup&gt;</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>.
+			</p>
+			<table>
+				<!-- Explicit use of the <colgroup> element as described in Section 6.1 Required Elements -->
+					<colgroup>
+						<col style="background-color:silver"/>
+						<col style="background-color:gray"/>
+						<col style="background-color:yellow"/>
+					</colgroup>
+				 	<tr>
+				 		<th>ISBN</th>
+				 		<th>Title</th>
+				 		<th>Price</th>
+				 	</tr>
+				 	<tr>
+				 		<td>3476896</td>
+				 		<td>My first HTML</td>
+				 		<td>$53</td>
+				 	</tr>
+					<tr>
+				 		<td>1234567</td>
+				 		<td>Intermediate Polyglot</td>
+				 		<td>$49</td>
+					</tr>
+			</table>
+	
+		
+			<h2>Named Entity References</h2>
+			<p>
+				This paragraph uses the string <code>&amp;amp;</code> for ampersands and uses the string <code>&amp;#xA0;</code> 
+				for a nonbreaking space between the words "polyglot&#xA0;markup" as described in 
+				<a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html#named-entity-references">Section 8. Named Entity References</a>.
+			</p>
+	</body>
+</html> 
Received on Thursday, 2 December 2010 20:15:54 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Thursday, 2 December 2010 20:15:56 GMT