How do you use the HTML blockquote tag?

  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13504
  • Loc: Florida

Post 3+ Months Ago

How do you use <blockquote> ?

This is how I think it should be used, in combination with the <cite> element.

Code: [ Select ]
<blockquote cite="http://address.of/citation">
   <cite>Authors Name</cite>
   <p>The text cited from the person listed in the &lt;cite&gt; element.</p>
</blockquote>
  1. <blockquote cite="http://address.of/citation">
  2.    <cite>Authors Name</cite>
  3.    <p>The text cited from the person listed in the &lt;cite&gt; element.</p>
  4. </blockquote>


I don't get the point of the cite attribute though, it doesn't appear to display anywhere other than the source.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

I know it's not in the best tradition of standard conformance, but I never use blockquote, and hence cite. The need has never arisen.

:scratchhead:
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Posts: 3422
  • Loc: Richland, WA

Post 3+ Months Ago

http://htmldog.com/reference/htmltags/blockquote/

I believe the cite is for search engines to use for the most part. That way they know where the content is originated from.
  • CyberRam
  • Born
  • Born
  • CyberRam
  • Posts: 2

Post 3+ Months Ago

I agree with the SpooF's reply. It is used for search engines. And is not displayed else where in the page.
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6810
  • Loc: Martinsburg, WV

Post 3+ Months Ago

I know I post a lot about CSSPlay but if you look at his home page (clicky) you will see a blockquote he uses. At the end of the quote it states where the quote came from. The code he used is this:

Code: [ Select ]
<blockquote cite="http://www.w3.org/Style/CSS/"><p class="cite">Cascading Style Sheets (<b>CSS</b>) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.</p></blockquote>

 
This is what he uses in his CSS to make that display:
 
Code: [ Select ]
blockquote[cite]:after {content: "Quote taken from: " attr(cite); display: block; font-size:0.8em; color:#888; text-align:right;}
  • heihei
  • Beginner
  • Beginner
  • heihei
  • Posts: 58

Post 3+ Months Ago

Blackqoute tag is supposed to contain only block-level elements within it, and not just plain text. But is there an advantage for seo on using this?
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13504
  • Loc: Florida

Post 3+ Months Ago

Quote:
Blackqoute tag is supposed to contain only block-level elements within it, and not just plain text.


Only in the strict versions of HTML4.01 and XHTML1.0 DOCTYPEs.
For the loose AKA transitional versions, it's a little more forgiving.

HTML4.01-transitional
Code: [ Select ]
<!ENTITY % flow "%block; | %inline;">
 
<!ELEMENT BLOCKQUOTE - - (%flow;)*     -- long quotation -->
<!ATTLIST BLOCKQUOTE
  %attrs;                              -- %coreattrs, %i18n, %events --
  cite        %URI;          #IMPLIED  -- URI for source document or msg --
  >
  1. <!ENTITY % flow "%block; | %inline;">
  2.  
  3. <!ELEMENT BLOCKQUOTE - - (%flow;)*     -- long quotation -->
  4. <!ATTLIST BLOCKQUOTE
  5.   %attrs;                              -- %coreattrs, %i18n, %events --
  6.   cite        %URI;          #IMPLIED  -- URI for source document or msg --
  7.   >


XHTML1.0-transitional
Code: [ Select ]
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
 
<!ELEMENT blockquote %Flow;>
<!ATTLIST blockquote
  %attrs;
  cite        %URI;          #IMPLIED
  >
  1. <!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
  2.  
  3. <!ELEMENT blockquote %Flow;>
  4. <!ATTLIST blockquote
  5.   %attrs;
  6.   cite        %URI;          #IMPLIED
  7.   >


As you can see, character data is perfectly valid in XHTML1.0-transitional & both enable inline elements such as <cite>.

Quote:
But is there an advantage for seo on using this?

If I ever find my way onto a search engines development team, there will be.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

So basically using blockquote should be for quoting things from other websites really? If I am reading this correctly ...
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13504
  • Loc: Florida

Post 3+ Months Ago

I wouldn't say it has to be an other website, just a different context.

For instance quoting people in forum posts. The cite attribute could point to the previous posts container element.

Code: [ Select ]
<li id="p123456">
   <p>some stuff</p>
</li>
<li>
   <blockquote cite="#p123456">
      <cite>Authors Name</cite>
      <p>some stuff</p>
   </blockquote>
   <p>Why yes, yes it is.</p>
</li>
  1. <li id="p123456">
  2.    <p>some stuff</p>
  3. </li>
  4. <li>
  5.    <blockquote cite="#p123456">
  6.       <cite>Authors Name</cite>
  7.       <p>some stuff</p>
  8.    </blockquote>
  9.    <p>Why yes, yes it is.</p>
  10. </li>


If a search engine was intelligent enough to understand that the <blockquote> was referring to something else on the page or to a different page, the search engine could skip the contents instead of looking at it like duplicate content.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

That would make sense from a search engine point of view because one guy could have the word Baloney in it and now 10 people quote that post saying something like "yes I agree" or something like that ... now the word gets repeated 11 times on that page and it is more likely to be found by a search engine in a search for "Baloney" where it shouldn't actually be that important because the word should actually just be shown once on that page ...
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13504
  • Loc: Florida

Post 3+ Months Ago

The search engine could also look at it as a conversation about baloney with multiple participants & return the conversation for someone looking for conversations about baloney instead of returning baloney stores.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

but then how would the search engine know you are looking for conversations about baloney instead of facts about baloney ...

//interestingly, in South-Africa, the main company that makes baloney (enterprise), spells it as Polony ... it seems like it's the same thing though Source
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13504
  • Loc: Florida

Post 3+ Months Ago

You'ld select the context in which you wanted to search from a list of them, then default to a store context as the default.
  • SEO Vietnam
  • Born
  • Born
  • SEO Vietnam
  • Posts: 1

Post 3+ Months Ago

Just what we were looking for. These tags can help with SEO as they will avoid any issue of duplicate content and show your good faith to the bots. It also will avoid the true author from being outranked by your sraping or quoting so that's fair too.

Post Information

  • Total Posts in this topic: 14 posts
  • Users browsing this forum: No registered users and 15 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.