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

html5/spec Overview.html,1.3626,1.3627

From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 06 Jan 2010 12:41:27 +0000
To: public-html-commits@w3.org
Message-Id: <E1NSVCZ-0001p4-LC@lionel-hutz.w3.org>
Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv6559

Modified Files:
	Overview.html 
Log Message:
add another blockquote example and mention that the conversation examples are later. (whatwg r4530)

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.3626
retrieving revision 1.3627
diff -u -d -r1.3626 -r1.3627
--- Overview.html	6 Jan 2010 12:26:12 -0000	1.3626
+++ Overview.html	6 Jan 2010 12:41:24 -0000	1.3627
@@ -13206,10 +13206,55 @@
   Coral is far more red, than her lips red,&lt;br&gt;
   ...</pre>
 
+  </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.<h4 id="the-ol-element"><span class="secno">4.5.6 </span>The <dfn><code>ol</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
+  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.<h4 id="the-ol-element"><span class="secno">4.5.6 </span>The <dfn><code>ol</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dt>Contexts in which this element may be used:</dt>
    <dd>Where <a href="#flow-content">flow content</a> is expected.</dd>
@@ -23330,11 +23375,11 @@
   where some glyphs like &#2310; are anchored, the middle is half-way
   between the top of the em square and the bottom of the em square,
   the alphabetic baseline is where characters like &Aacute;, &yuml;,
-  f, and &Omega; are anchored, the ideographic baseline is
+  " src="images/baselines.png">x0066;, and &Omega; are anchored, the ideographic baseline is
   where glyphs like &#31169; and &#36948; are anchored, and the bottom
   of the em square is roughly at the bottom of the glyphs in a
   font. The top and bottom of the bounding box can be far from these
-  baselines, due to glyphs extending far outside the em square." src="images/baselines.png"><p>The keywords map to these alignment points as follows:<dl><dt><dfn id="dom-context-2d-textbaseline-top" title="dom-context-2d-textBaseline-top"><code>top</code></dfn>
+  baselines, due to glyphs extending far outside the em square."&gt;<p>The keywords map to these alignment points as follows:<dl><dt><dfn id="dom-context-2d-textbaseline-top" title="dom-context-2d-textBaseline-top"><code>top</code></dfn>
    <dd>The top of the em square</dd>
 
    <dt><dfn id="dom-context-2d-textbaseline-hanging" title="dom-context-2d-textBaseline-hanging"><code>hanging</code></dfn>
Received on Wednesday, 6 January 2010 12:41:29 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 6 January 2010 12:41:29 GMT