Comments on: Semantic Blockquotes with jQuery

By: Paul Crowe

Paul Crowe — Thu, 23 Jun 2011 10:51:21 +0000

Love it, also great detail in the tutorial thanks !

By: Adam

Adam — Fri, 10 Sep 2010 14:53:09 +0000

Groan… for once my tags weren’t filtered … lets try that again?

Eric,

There is something to be said for Ryan’s comment. Not that you need to use the ‘pull quote’ tag but rather that you need to use the right tags.

In this case, it would be better to use a tag since that would correctly indicate the the text is a quote and the classname “pull” (or aside or what-ever-you-want-that-is-meaningful) will give you the necessary hooks to do this. Further, if the quote does belong in the content, then this is the best way to do it as the quote should be indicated as such.

In addition, indicating the source in a title is also not correct; this is what the cite tag is for. Sticking the cite tag in the q would work in some cases, if that’s what the content calls for but if your sentence is something like:

As Harry S. Truman said, The buck stops here. (from the HTML4 description of )

then you need something more explicit to associate the cite and the q. Since all browsers allow arbitrary attributes, I would reuse an existing attribute, namely for and write that as:

As Harry S. Truman said, The buck stops here.

The jQuery selectors are a little more involved but this makes good use of the semantics already in HTML to get its stuff done.

By: sam

sam — Wed, 02 Jun 2010 00:13:08 +0000

nice job mate

Sam
codingmagician.com

By: Eric

Eric — Mon, 10 Aug 2009 05:35:27 +0000

Ryan,

Since you’re so keen on enlightening us with your useless information, perhaps you could point us to a page describing the pull-quote html tag.

OH WAIT!! There isn’t one, because it doesn’t exist.

Sometimes we use the closest tag to the one we need. Deal with it.

Peace.

By: Ryan Kelly

Ryan Kelly — Tue, 30 Jun 2009 03:37:35 +0000

One problem: this isn’t a block-quote you’re trying to make, it’s a pull-quote. Block quotes are used when large blocks of text, usually several paragraphs, are quoted from a single source. Pull quotes are short quotes usually from the article itself that are pulled to the side to draw the reader to that portion of the text.

More information: http://xhtml.com/en/xhtml/reference/blockquote/

By: Dainis Graveris

Dainis Graveris — Sun, 28 Jun 2009 16:33:38 +0000

Great that you came up with this tutorial, this is really solution, I’ll bookmark this for later use, when i’ll get the same problem, thanks!

By: Jack F

Jack F — Tue, 17 Feb 2009 00:04:04 +0000

Thanks Trevor, and you have a very valid point. Thanks.