[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><article>
+ <h1><a href="http://bacon.example.com/?blog=109431">Bacon on a crowbar</a></h1>
+ <article>
+  <header><strong>t3yw</strong> 12 points 1 hour ago</header>
+  <p>I bet a narwhal would love that.</p>
+  <footer><a href="?pid=29578">permalink</a></footer>
+  <article>
+   <header><strong>greg</strong> 8 points 1 hour ago</header>
+   <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+   <p>Dude narwhals don't eat bacon.</p>
+   <footer><a href="?pid=29579">permalink</a></footer>
+   <article>
+    <header><strong>t3yw</strong> 15 points 1 hour ago</header>
+    <blockquote>
+     <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+     <p>Dude narwhals don't eat bacon.</p>
+    </blockquote>
+    <p>Next thing you'll be saying they don't get capes and wizard
+    hats either!</p>
+    <footer><a href="?pid=29580">permalink</a></footer>
+    <article>
+     <article>
+      <header><strong>boing</strong> -5 points 1 hour ago</header>
+      <p>narwhals are worse than ceiling cat</p>
+      <footer><a href="?pid=29581">permalink</a></footer>
+     </article>
+    </article>
+   </article>
+  </article>
+  <article>
+   <header><strong>fred</strong> 1 points 23 minutes ago</header>
+   <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+   <p>I bet they'd love to peel a banana too.</p>
+   <footer><a href="?pid=29582">permalink</a></footer>
+  </article>
+ </article>
+</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><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><article>
+ <h1><a href="http://bacon.example.com/?blog=109431">Bacon on a crowbar</a></h1>
+ <article>
+  <header><strong>t3yw</strong> 12 points 1 hour ago</header>
+  <p>I bet a narwhal would love that.</p>
+  <footer><a href="?pid=29578">permalink</a></footer>
+  <article>
+   <header><strong>greg</strong> 8 points 1 hour ago</header>
+   <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+   <p>Dude narwhals don't eat bacon.</p>
+   <footer><a href="?pid=29579">permalink</a></footer>
+   <article>
+    <header><strong>t3yw</strong> 15 points 1 hour ago</header>
+    <blockquote>
+     <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+     <p>Dude narwhals don't eat bacon.</p>
+    </blockquote>
+    <p>Next thing you'll be saying they don't get capes and wizard
+    hats either!</p>
+    <footer><a href="?pid=29580">permalink</a></footer>
+    <article>
+     <article>
+      <header><strong>boing</strong> -5 points 1 hour ago</header>
+      <p>narwhals are worse than ceiling cat</p>
+      <footer><a href="?pid=29581">permalink</a></footer>
+     </article>
+    </article>
+   </article>
+  </article>
+  <article>
+   <header><strong>fred</strong> 1 points 23 minutes ago</header>
+   <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+   <p>I bet they'd love to peel a banana too.</p>
+   <footer><a href="?pid=29582">permalink</a></footer>
+  </article>
+ </article>
+</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><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><article>
+ <h1><a href="http://bacon.example.com/?blog=109431">Bacon on a crowbar</a></h1>
+ <article>
+  <header><strong>t3yw</strong> 12 points 1 hour ago</header>
+  <p>I bet a narwhal would love that.</p>
+  <footer><a href="?pid=29578">permalink</a></footer>
+  <article>
+   <header><strong>greg</strong> 8 points 1 hour ago</header>
+   <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+   <p>Dude narwhals don't eat bacon.</p>
+   <footer><a href="?pid=29579">permalink</a></footer>
+   <article>
+    <header><strong>t3yw</strong> 15 points 1 hour ago</header>
+    <blockquote>
+     <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+     <p>Dude narwhals don't eat bacon.</p>
+    </blockquote>
+    <p>Next thing you'll be saying they don't get capes and wizard
+    hats either!</p>
+    <footer><a href="?pid=29580">permalink</a></footer>
+    <article>
+     <article>
+      <header><strong>boing</strong> -5 points 1 hour ago</header>
+      <p>narwhals are worse than ceiling cat</p>
+      <footer><a href="?pid=29581">permalink</a></footer>
+     </article>
+    </article>
+   </article>
+  </article>
+  <article>
+   <header><strong>fred</strong> 1 points 23 minutes ago</header>
+   <blockquote><p>I bet a narwhal would love that.</p></blockquote>
+   <p>I bet they'd love to peel a banana too.</p>
+   <footer><a href="?pid=29582">permalink</a></footer>
+  </article>
+ </article>
+</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