Which Quote?
Last night while marking up a report style article I managed to work myself into state of ‘semantic confusion.’ Do I use a blockquote or q element? — Can I add a name to to the cite attribute? — What happens if I have a quote in a quote? I decided to write a short guide for the use of these elements.
Quote or Blockquote?
In short the <q> element may be used only for short inline quotations which don’t require paragraph breaks. The <blockquote> element on the other hand is used for extended block level quotes.
The <q> element in practise
<!-- Example 1 --> <p>In the words of Milton Glaser, <q>Wit is Insight</q> as opposed to Aristotle who ventured <q>Wit is educated insolence.</q> I'm still not sure with whom I agree more.</p>
This simple example shows two inline quotes. Note, that typographers quotes have not been manually added. According to HTML5 Working Draft, these should be added by CSS. More on this later.
Check Back soon – to be continued