Reformatting of code blocks to try to prevent worst of wrapping
authorJeniT <jeni@jenitennison.com>
Sat, 14 Jan 2012 20:26:46 +0000
changeset 92 af4806ff7d31
parent 91 d6f03b8d46e4
child 93 8c04035f703e
Reformatting of code blocks to try to prevent worst of wrapping
html-data-guide/index.html
--- a/html-data-guide/index.html	Wed Jan 11 17:33:16 2012 -0800
+++ b/html-data-guide/index.html	Sat Jan 14 20:26:46 2012 +0000
@@ -13,6 +13,7 @@
       var respecConfig = {
           // specification status (e.g. WD, LCWD, NOTE, etc.). If in doubt use ED.
           specStatus:           "ED",
+          charterDisclosureURI: "http://www.w3.org/2006/07/swig-charter#Ipr",
           
           // the specification's short name, as in http://www.w3.org/TR/short-name/
           shortName:            "html-data-guide",
@@ -60,10 +61,10 @@
           //],
           
           // name of the WG
-          wg:           "HTML Data Task Force",
+          wg:           "HTML Data Task Force, Semantic Web Interest Group",
           
           // URI of the public WG page
-          wgURI:        "http://www.w3.org/wiki/Html-data-tf",
+          wgURI:        "http://www.w3.org/2001/sw/interest/",
           
           // name (with the @w3c.org) of the public mailing to which comments are due
           wgPublicList: "public-html-data-tf",
@@ -308,20 +309,29 @@
             </p>
             <pre>&lt;li class=&quot;<strong>hentry</strong> <strong>vevent</strong> xfolkentry postid-f2068841910&quot;&gt;
   &lt;h3 class=&quot;<strong>entry-title</strong> <strong>summary</strong>&quot;&gt;
-    &lt;a href=&quot;http://www.flickr.com/photos/bangladeshboat/2068841910&quot; title=&quot;The final picture (on Flickr)&quot;&gt;The final picture&lt;/a&gt;
+    &lt;a href=&quot;http://www.flickr.com/photos/bangladeshboat/2068841910&quot; 
+       title=&quot;The final picture (on Flickr)&quot;&gt;The final picture&lt;/a&gt;
   &lt;/h3&gt;
   &lt;div class=&quot;<strong>entry-content</strong>&quot;&gt;
     &lt;p class=&quot;photo&quot;&gt;
-      &lt;a rel=&quot;<strong>bookmark</strong>&quot; class=&quot;taggedlink <strong>url</strong>&quot; href=&quot;http://www.flickr.com/photos/bangladeshboat/2068841910&quot; title=&quot;The final picture (on Flickr)&quot;&gt;
+      &lt;a rel=&quot;<strong>bookmark</strong>&quot; class=&quot;taggedlink <strong>url</strong>&quot; 
+         href=&quot;http://www.flickr.com/photos/bangladeshboat/2068841910&quot; 
+        title=&quot;The final picture (on Flickr)&quot;&gt;
         &lt;img src=&quot;http://farm3.static.flickr.com/2175/2068841910_1162a8086b_s.jpg&quot; 
-             alt=&quot;The final picture (on Flickr)&quot; title=&quot;The final picture (on Flickr)&quot; width=&quot;64&quot; height=&quot;64&quot; /&gt;
+             alt=&quot;The final picture (on Flickr)&quot; 
+             title=&quot;The final picture (on Flickr)&quot; width=&quot;64&quot; height=&quot;64&quot; /&gt;
       &lt;/a&gt;
     &lt;/p&gt;
-    &lt;p class=&quot;<strong>description</strong>&quot;&gt;As the BBC team prepare to disembark the boat, the sun sets overhead, and indeed on the trip itself.&lt;/p&gt;
+    &lt;p class=&quot;<strong>description</strong>&quot;&gt;As the BBC team prepare to disembark the boat, 
+      the sun sets overhead, and indeed on the trip itself.&lt;/p&gt;
   &lt;/div&gt;
   &lt;ul class=&quot;meta&quot;&gt;
-    &lt;li class=&quot;date&quot;&gt;&lt;abbr class=&quot;published <strong>dtstart</strong>&quot; <strong>title=&quot;2007-11-26T02:11:51+06:00&quot;</strong>&gt;2 days ago&lt;/abbr&gt;&lt;/li&gt;
-    &lt;li class=&quot;location&quot;&gt;&lt;abbr class=&quot;<strong>geo</strong> point-22&quot; <strong>title=&quot;+22.47157;+89.59534&quot;</strong>&gt;Mongla, Bangladesh&lt;/abbr&gt;&lt;/li&gt;
+    &lt;li class=&quot;date&quot;&gt;
+      &lt;abbr class=&quot;published <strong>dtstart</strong>&quot; <strong>title=&quot;2007-11-26T02:11:51+06:00&quot;</strong>&gt;2 days ago&lt;/abbr&gt;
+    &lt;/li&gt;
+    &lt;li class=&quot;location&quot;&gt;
+      &lt;abbr class=&quot;<strong>geo</strong> point-22&quot; <strong>title=&quot;+22.47157;+89.59534&quot;</strong>&gt;Mongla, Bangladesh&lt;/abbr&gt;
+    &lt;/li&gt;
   &lt;/ul&gt;
 &lt;/li&gt;</pre>
           </section>
@@ -390,7 +400,8 @@
   <strong>vocab=&quot;http://schema.org/&quot; typeof=&quot;Event&quot;</strong>&gt;
   &lt;a <strong>class=&quot;url&quot; itemprop=&quot;url&quot; property=&quot;url&quot;</strong> href=&quot;nba-miami-philadelphia-game3.html&quot;&gt;
     NBA Eastern Conference First Round Playoff Tickets:
-    &lt;span <strong>class=&quot;summary&quot; itemprop=&quot;summary&quot; property=&quot;name&quot;</strong>&gt; Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) &lt;/span&gt;
+    &lt;span <strong>itemprop=&quot;summary&quot; property=&quot;name&quot; 
+         class=&quot;summary&quot;</strong>&gt; Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) &lt;/span&gt;
   &lt;/a&gt;
 
   <strong>&lt;time itemprop=&quot;dtstart&quot; property=&quot;startDate&quot; content=&quot;2016-04-21T20:00:00&quot;&gt;</strong>
@@ -420,7 +431,9 @@
     "url": [ "http://example.com/nba-miami-philadelphia-game3.html" ],
     "summary": [ " Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) " ],
     "dtstart": [ "2016-04-21T20:00:00" ],
-    "location": [ "\n    \n      \n      Wells Fargo Center\n      \n      \n        Philadelphia,\n        PA\n      \n    \n  " ]
+    "location": [ 
+      "\n    \n      \n      Wells Fargo Center\n      \n      \n        Philadelphia,\n        PA\n      \n    \n  " 
+    ]
   }
 }</pre>
           <p>
@@ -432,7 +445,9 @@
     "url": [ "http://example.com/nba-miami-philadelphia-game3.html" ],
     "summary": [ " Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) " ],
     "dtstart": [ "2016-04-21T20:00:00" ],
-    "location": [ "\n    \n      Wells Fargo Center\n    \n    \n      Philadelphia,\n      PA\n    \n  " ]
+    "location": [ 
+      "\n    \n      Wells Fargo Center\n    \n    \n      Philadelphia,\n      PA\n    \n  " 
+    ]
   }
 }</pre>
           <p>
@@ -444,7 +459,8 @@
   hcal:url &lt;http://example.com/nba-miami-philadelphia-game3.html&gt; ;
   hcal:summary " Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) " ;
   hcal:dtstart "2016-04-21T20:00:00"^^xs:dateTime ;
-  hcal:location "\n    \n      Wells Fargo Center\n    \n    \n      Philadelphia,\n      PA\n    \n  " ;
+  hcal:location 
+    "\n    \n      Wells Fargo Center\n    \n    \n      Philadelphia,\n      PA\n    \n  " ;
   .</pre>
           <p>
             and an RDFa processor will extract the data provided through the schema.org vocabulary:
@@ -895,10 +911,13 @@
             One pattern that is quite common is for one <a>vocabulary</a> to accept a string for a <a>property</a>, such as an address, and for an extension to provide more structure for that property. In this case, a useful pattern is to nest the more structured property inside the textual property within the HTML. For example:
           </p>
           <pre>&lt;div <strong>property=&quot;location&quot;</strong>&gt;
-  &lt;address <strong>property=&quot;http://example.org/address&quot; vocab=&quot;http://example.org/&quot; typeof=&quot;Address&quot;</strong>&gt;
+  &lt;address <strong>property=&quot;http://example.org/address&quot; 
+          vocab=&quot;http://example.org/&quot; typeof=&quot;Address&quot;</strong>&gt;
     &lt;span property=&quot;name&quot;&gt;The White House&lt;/span&gt;&lt;br&gt;
     &lt;span property=&quot;street&quot;&gt;1600 Pennsylvania Avenue NW&lt;/span&gt;&lt;br&gt;
-    &lt;span property=&quot;city&quot;&gt;Washington&lt;/span&gt;, &lt;span property=&quot;state&quot;&gt;DC&lt;/span&gt; &lt;span property=&quot;zip&quot;&gt;20500&lt;/span&gt;
+    &lt;span property=&quot;city&quot;&gt;Washington&lt;/span&gt;, 
+    &lt;span property=&quot;state&quot;&gt;DC&lt;/span&gt; 
+    &lt;span property=&quot;zip&quot;&gt;20500&lt;/span&gt;
   &lt;/address&gt;
 &lt;/div&gt;</pre>
           <p>
@@ -921,7 +940,8 @@
             Microdata does not allow items to have multiple <a title="type">types</a> from different vocabularies. Some vocabularies, such as schema.org, may permit third parties to freely extend existing types within that vocabulary. In this case, items should be assigned both the supertype and the extension type within the <code>@itemtype</code> attribute. For example, schema.org describes a <a href="http://schema.org/docs/extension.html">method of extending its vocabulary</a> that involves identifying an appropriate supertype or superproperty and appending a <code>/</code> and then the name of a subtype or subproperty. Schema.org also permits anyone to create additional non-URL properties on these new types. To extend schema.org's types with a type for a member of parliament, a <a>vocabulary</a> author might use the URI <code>http://schema.org/Person/MP</code>, and mark up their page with
           </p>
           <pre>&lt;p itemscope itemtype=&quot;<strong>http://schema.org/Person http://schema.org/Person/MP</strong>&quot;&gt;
-  &lt;span itemprop=&quot;<strong>name</strong>&quot;&gt;David Cameron&lt;/span&gt; is the member of parliament for &lt;span itemprop=&quot;<strong>constituency</strong>&quot;&gt;Witney&lt;/span&gt;.
+  &lt;span itemprop=&quot;<strong>name</strong>&quot;&gt;David Cameron&lt;/span&gt; is the member of parliament 
+  for &lt;span itemprop=&quot;<strong>constituency</strong>&quot;&gt;Witney&lt;/span&gt;.
 &lt;/p&gt;</pre>
           <p>
             Here, both <code>http://schema.org/Person</code> and <code>http://schema.org/Person/MP</code> are given as <a title="type">types</a>, and the non-URL <code>constituency</code> <a>property</a> is used despite it not being defined within the schema.org vocabulary.
@@ -930,8 +950,10 @@
             Other microdata <a title="vocabulary">vocabularies</a> do not enable third parties to extend the vocabulary. In these cases, third parties should use a URL <a>property</a> to specify the additional <a>type</a> for the item. For compatibility with RDF, we recommend using <code>http://www.w3.org/1999/02/22-rdf-syntax-ns#type</code> for this property, and using a full URL for the type. An alternative to the example above that didn't use the schema.org extension mechanism would be:
           </p>
           <pre>&lt;p itemscope itemtype=&quot;http://schema.org/Person&quot;&gt;
-  <strong>&lt;link itemprop=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#type&quot; href=&quot;http://gov.example.org/uk/MP&quot;&gt;</strong>
-  &lt;span itemprop=&quot;<strong>name</strong>&quot;&gt;David Cameron&lt;/span&gt; is the member of parliament for &lt;span itemprop=&quot;<strong>http://gov.example.org/uk/constituency</strong>&quot;&gt;Witney&lt;/span&gt;.
+  <strong>&lt;link itemprop=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#type&quot; 
+        href=&quot;http://gov.example.org/uk/MP&quot;&gt;</strong>
+  &lt;span itemprop=&quot;<strong>name</strong>&quot;&gt;David Cameron&lt;/span&gt; is the member of parliament 
+  for &lt;span itemprop=&quot;<strong>http://gov.example.org/uk/constituency</strong>&quot;&gt;Witney&lt;/span&gt;.
 &lt;/p&gt;</pre>
           <p>
             More details about the use and limitations of this technique can be found in <a href="#mixing-vocabularies-microdata" class="sectionRef"></a>.
@@ -944,7 +966,7 @@
       <section>
         <h3>Designing Vocabularies</h3>
         <p>
-          This section looks at the particular requirements of different HTML data <a href="#dfn-syntax">syntaxes</a> on <a title="vocabulary">vocabularies</a>, and how to create vocabularies that can be used across HTML data syntaxes.
+          This section looks at the particular requirements of different HTML data <a title="syntax">syntaxes</a> on <a title="vocabulary">vocabularies</a>, and how to create vocabularies that can be used across HTML data syntaxes.
         </p>
         <section>
           <h4>Syntax-Specific Requirements</h4>
@@ -1091,7 +1113,8 @@
   <strong>&lt;link itemprop=&quot;http://schema.org/type&quot; href=&quot;http://schema.org/Event&quot;&gt;</strong>
   &lt;a itemprop=&quot;url <strong>http://schema.org/url</strong>&quot; href=&quot;nba-miami-philadelphia-game3.html&quot;&gt;
     NBA Eastern Conference First Round Playoff Tickets:
-    &lt;span itemprop=&quot;summary <strong>http://schema.org/name</strong>&quot;&gt; Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) &lt;/span&gt;
+    &lt;span itemprop=&quot;summary <strong>http://schema.org/name</strong>&quot;&gt; Miami Heat at Philadelphia 76ers 
+    - Game 3 (Home Game 1) &lt;/span&gt;
   &lt;/a&gt;
 
   &lt;meta itemprop=&quot;dtstart <strong>http://schema.org/startDate</strong>&quot; content=&quot;2016-04-21T20:00&quot;&gt;
@@ -1099,7 +1122,8 @@
   8:00 p.m.
 
   &lt;div itemprop=&quot;location&quot;&gt;
-    <strong>&lt;div itemprop=&quot;http://schema.org/location&quot; itemscope itemtype=&quot;http://schema.org/Place&quot;&gt;
+    <strong>&lt;div itemprop=&quot;http://schema.org/location&quot; 
+         itemscope itemtype=&quot;http://schema.org/Place&quot;&gt;
       &lt;a itemprop=&quot;url&quot; href=&quot;wells-fargo-center.html&quot;&gt;
       Wells Fargo Center
       &lt;/a&gt;
@@ -1126,7 +1150,9 @@
     "http://schema.org/name": [ " Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) " ],
     "dtstart": [ "2016-04-21T20:00" ],
     "http://schema.org/startDate": [ "2016-04-21T20:00" ],
-    "location": [ "\n    \n      \n      Wells Fargo Center\n      \n      \n        Philadelphia,\n        PA\n      \n    \n  " ],
+    "location": [ 
+      "\n    \n      \n      Wells Fargo Center\n      \n      \n        Philadelphia,\n        PA\n      \n    \n  " 
+    ],
     "http://schema.org/location": [{
       "type": [ "http://schema.org/Place" ],
       "properties": {
@@ -1191,7 +1217,8 @@
         </p>
         <pre>&lt;div itemscope itemtype=&quot;<strong>http://microformats.org/profile/hcalendar#vevent</strong>&quot;&gt;
   <strong>&lt;link itemprop=&quot;url&quot; href=&quot;nba-miami-philadelphia-game3.html&quot;&gt;
-  &lt;meta itemprop=&quot;summary&quot; content=&quot;Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1)&quot;&gt;
+  &lt;meta itemprop=&quot;summary&quot; 
+        content=&quot;Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1)&quot;&gt;
   &lt;meta itemprop=&quot;dtstart&quot; content=&quot;2016-04-21T20:00&quot;&gt;
   &lt;meta itemprop=&quot;location&quot; content=&quot;Wells Fargo Center, Philadelphia, PA&quot;&gt;</strong>
   &lt;div itemscope itemtype=&quot;<strong>http://schema.org/Event</strong>&quot;&gt;