Skip to content

Commit

Permalink
[e] (0) add another blockquote example and mention that the conversat…
Browse files Browse the repository at this point in the history 
…ion examples are later.

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=8603

git-svn-id: http://svn.whatwg.org/webapps@4530 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed Jan 6, 2010
1 parent 3ee19f9 commit 441263f
Show file tree
Hide file tree
Showing 3 changed files with 150 additions and 9 deletions.
53 changes: 50 additions & 3 deletions complete.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15041,10 +15041,57 @@ <h4 id=the-blockquote-element><span class=secno>4.5.5 </span>The <dfn><code>bloc

</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>



Expand Down
53 changes: 50 additions & 3 deletions index
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14876,10 +14876,57 @@ a friend lost to the

</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>



Expand Down
53 changes: 50 additions & 3 deletions source
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15823,10 +15823,57 @@ a friend lost to the

</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>



Expand Down

0 comments on commit 441263f

Please sign in to comment.