[html5] r4530 - [e] (0) add another blockquote example and mention that the conversation example [...]

whatwg at whatwg.org whatwg at whatwg.org
Wed Jan 6 04:40:49 PST 2010


Author: ianh
Date: 2010-01-06 04:40:45 -0800 (Wed, 06 Jan 2010)
New Revision: 4530

Modified:
   complete.html
   index
   source
Log:
[e] (0) add another blockquote example and mention that the conversation examples are later.
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=8603

Modified: complete.html
===================================================================
--- complete.html	2010-01-06 12:25:04 UTC (rev 4529)
+++ complete.html	2010-01-06 12:40:45 UTC (rev 4530)
@@ -15041,10 +15041,57 @@
 
   </div>
 
+  <div class=example>
+
+   <p>This example shows how a forum post could use
+   <code><a href=#the-blockquote-element>blockquote</a></code> to show what post a user is replying
+   to. The <code><a href=#the-article-element>article</a></code> element is used for each post, to mark
+   up the threading.</p>
+
+   <pre>&lt;article&gt;
+ &lt;h1&gt;&lt;a href="http://bacon.example.com/?blog=109431"&gt;Bacon on a crowbar&lt;/a&gt;&lt;/h1&gt;
+ &lt;article&gt;
+  &lt;header&gt;&lt;strong&gt;t3yw&lt;/strong&gt; 12 points 1 hour ago&lt;/header&gt;
+  &lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;
+  &lt;footer&gt;&lt;a href="?pid=29578"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+  &lt;article&gt;
+   &lt;header&gt;&lt;strong&gt;greg&lt;/strong&gt; 8 points 1 hour ago&lt;/header&gt;
+   &lt;blockquote&gt;&lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;&lt;/blockquote&gt;
+   &lt;p&gt;Dude narwhals don't eat bacon.&lt;/p&gt;
+   &lt;footer&gt;&lt;a href="?pid=29579"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+   &lt;article&gt;
+    &lt;header&gt;&lt;strong&gt;t3yw&lt;/strong&gt; 15 points 1 hour ago&lt;/header&gt;
+    &lt;blockquote&gt;
+     &lt;blockquote&gt;&lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;&lt;/blockquote&gt;
+     &lt;p&gt;Dude narwhals don't eat bacon.&lt;/p&gt;
+    &lt;/blockquote&gt;
+    &lt;p&gt;Next thing you'll be saying they don't get capes and wizard
+    hats either!&lt;/p&gt;
+    &lt;footer&gt;&lt;a href="?pid=29580"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+    &lt;article&gt;
+     &lt;article&gt;
+      &lt;header&gt;&lt;strong&gt;boing&lt;/strong&gt; -5 points 1 hour ago&lt;/header&gt;
+      &lt;p&gt;narwhals are worse than ceiling cat&lt;/p&gt;
+      &lt;footer&gt;&lt;a href="?pid=29581"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+     &lt;/article&gt;
+    &lt;/article&gt;
+   &lt;/article&gt;
+  &lt;/article&gt;
+  &lt;article&gt;
+   &lt;header&gt;&lt;strong&gt;fred&lt;/strong&gt; 1 points 23 minutes ago&lt;/header&gt;
+   &lt;blockquote&gt;&lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;&lt;/blockquote&gt;
+   &lt;p&gt;I bet they'd love to peel a banana too.&lt;/p&gt;
+   &lt;footer&gt;&lt;a href="?pid=29582"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+  &lt;/article&gt;
+ &lt;/article&gt;
+&lt;/article&gt;</pre>
+
+  </div>
+
   <p class=note><a href=#conversations>Examples of how to
-  represent a conversation</a> are shown below; it is not appropriate
-  to use the <code><a href=#the-cite-element>cite</a></code> and <code><a href=#the-blockquote-element>blockquote</a></code> elements
-  for this purpose.</p>
+  represent a conversation</a> are shown in a later section; it is not
+  appropriate to use the <code><a href=#the-cite-element>cite</a></code> and <code><a href=#the-blockquote-element>blockquote</a></code>
+  elements for this purpose.</p>
 
 
 

Modified: index
===================================================================
--- index	2010-01-06 12:25:04 UTC (rev 4529)
+++ index	2010-01-06 12:40:45 UTC (rev 4530)
@@ -14876,10 +14876,57 @@
 
   </div>
 
+  <div class=example>
+
+   <p>This example shows how a forum post could use
+   <code><a href=#the-blockquote-element>blockquote</a></code> to show what post a user is replying
+   to. The <code><a href=#the-article-element>article</a></code> element is used for each post, to mark
+   up the threading.</p>
+
+   <pre>&lt;article&gt;
+ &lt;h1&gt;&lt;a href="http://bacon.example.com/?blog=109431"&gt;Bacon on a crowbar&lt;/a&gt;&lt;/h1&gt;
+ &lt;article&gt;
+  &lt;header&gt;&lt;strong&gt;t3yw&lt;/strong&gt; 12 points 1 hour ago&lt;/header&gt;
+  &lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;
+  &lt;footer&gt;&lt;a href="?pid=29578"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+  &lt;article&gt;
+   &lt;header&gt;&lt;strong&gt;greg&lt;/strong&gt; 8 points 1 hour ago&lt;/header&gt;
+   &lt;blockquote&gt;&lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;&lt;/blockquote&gt;
+   &lt;p&gt;Dude narwhals don't eat bacon.&lt;/p&gt;
+   &lt;footer&gt;&lt;a href="?pid=29579"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+   &lt;article&gt;
+    &lt;header&gt;&lt;strong&gt;t3yw&lt;/strong&gt; 15 points 1 hour ago&lt;/header&gt;
+    &lt;blockquote&gt;
+     &lt;blockquote&gt;&lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;&lt;/blockquote&gt;
+     &lt;p&gt;Dude narwhals don't eat bacon.&lt;/p&gt;
+    &lt;/blockquote&gt;
+    &lt;p&gt;Next thing you'll be saying they don't get capes and wizard
+    hats either!&lt;/p&gt;
+    &lt;footer&gt;&lt;a href="?pid=29580"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+    &lt;article&gt;
+     &lt;article&gt;
+      &lt;header&gt;&lt;strong&gt;boing&lt;/strong&gt; -5 points 1 hour ago&lt;/header&gt;
+      &lt;p&gt;narwhals are worse than ceiling cat&lt;/p&gt;
+      &lt;footer&gt;&lt;a href="?pid=29581"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+     &lt;/article&gt;
+    &lt;/article&gt;
+   &lt;/article&gt;
+  &lt;/article&gt;
+  &lt;article&gt;
+   &lt;header&gt;&lt;strong&gt;fred&lt;/strong&gt; 1 points 23 minutes ago&lt;/header&gt;
+   &lt;blockquote&gt;&lt;p&gt;I bet a narwhal would love that.&lt;/p&gt;&lt;/blockquote&gt;
+   &lt;p&gt;I bet they'd love to peel a banana too.&lt;/p&gt;
+   &lt;footer&gt;&lt;a href="?pid=29582"&gt;permalink&lt;/a&gt;&lt;/footer&gt;
+  &lt;/article&gt;
+ &lt;/article&gt;
+&lt;/article&gt;</pre>
+
+  </div>
+
   <p class=note><a href=#conversations>Examples of how to
-  represent a conversation</a> are shown below; it is not appropriate
-  to use the <code><a href=#the-cite-element>cite</a></code> and <code><a href=#the-blockquote-element>blockquote</a></code> elements
-  for this purpose.</p>
+  represent a conversation</a> are shown in a later section; it is not
+  appropriate to use the <code><a href=#the-cite-element>cite</a></code> and <code><a href=#the-blockquote-element>blockquote</a></code>
+  elements for this purpose.</p>
 
 
 

Modified: source
===================================================================
--- source	2010-01-06 12:25:04 UTC (rev 4529)
+++ source	2010-01-06 12:40:45 UTC (rev 4530)
@@ -15823,10 +15823,57 @@
 
   </div>
 
+  <div class="example">
+
+   <p>This example shows how a forum post could use
+   <code>blockquote</code> to show what post a user is replying
+   to. The <code>article</code> element is used for each post, to mark
+   up the threading.</p>
+
+   <pre>&lt;article>
+ &lt;h1>&lt;a href="http://bacon.example.com/?blog=109431">Bacon on a crowbar&lt;/a>&lt;/h1>
+ &lt;article>
+  &lt;header>&lt;strong>t3yw&lt;/strong> 12 points 1 hour ago&lt;/header>
+  &lt;p>I bet a narwhal would love that.&lt;/p>
+  &lt;footer>&lt;a href="?pid=29578">permalink&lt;/a>&lt;/footer>
+  &lt;article>
+   &lt;header>&lt;strong>greg&lt;/strong> 8 points 1 hour ago&lt;/header>
+   &lt;blockquote>&lt;p>I bet a narwhal would love that.&lt;/p>&lt;/blockquote>
+   &lt;p>Dude narwhals don't eat bacon.&lt;/p>
+   &lt;footer>&lt;a href="?pid=29579">permalink&lt;/a>&lt;/footer>
+   &lt;article>
+    &lt;header>&lt;strong>t3yw&lt;/strong> 15 points 1 hour ago&lt;/header>
+    &lt;blockquote>
+     &lt;blockquote>&lt;p>I bet a narwhal would love that.&lt;/p>&lt;/blockquote>
+     &lt;p>Dude narwhals don't eat bacon.&lt;/p>
+    &lt;/blockquote>
+    &lt;p>Next thing you'll be saying they don't get capes and wizard
+    hats either!&lt;/p>
+    &lt;footer>&lt;a href="?pid=29580">permalink&lt;/a>&lt;/footer>
+    &lt;article>
+     &lt;article>
+      &lt;header>&lt;strong>boing&lt;/strong> -5 points 1 hour ago&lt;/header>
+      &lt;p>narwhals are worse than ceiling cat&lt;/p>
+      &lt;footer>&lt;a href="?pid=29581">permalink&lt;/a>&lt;/footer>
+     &lt;/article>
+    &lt;/article>
+   &lt;/article>
+  &lt;/article>
+  &lt;article>
+   &lt;header>&lt;strong>fred&lt;/strong> 1 points 23 minutes ago&lt;/header>
+   &lt;blockquote>&lt;p>I bet a narwhal would love that.&lt;/p>&lt;/blockquote>
+   &lt;p>I bet they'd love to peel a banana too.&lt;/p>
+   &lt;footer>&lt;a href="?pid=29582">permalink&lt;/a>&lt;/footer>
+  &lt;/article>
+ &lt;/article>
+&lt;/article></pre>
+
+  </div>
+
   <p class="note"><a href="#conversations">Examples of how to
-  represent a conversation</a> are shown below; it is not appropriate
-  to use the <code>cite</code> and <code>blockquote</code> elements
-  for this purpose.</p>
+  represent a conversation</a> are shown in a later section; it is not
+  appropriate to use the <code>cite</code> and <code>blockquote</code>
+  elements for this purpose.</p>
 
 
 



More information about the Commit-Watchers mailing list