Quoting and citing in html5

Historically, adding the source of a <blockquote> was a semantic conundrum. If you add it as content of the <blockquote>, then semantically it would become part of the quote, right? <blockquote> (and <q>) have a cite attribute for the URL of the quote’s source, to provide context. That’s hidden data, however, and despite the potential for exposing the cite attribute via CSS and/or JS, that’s not as useful as a visible link.

HTML5 comes to our rescue with the <footer> element, allowing us to add semantically separate information about the quote.

Although these rules are still far from having stabilised [i], they're an interesting example of the power unleashed by html5 for drafting content precisely and semantically.

  1. html5 Doctor added an update to their post today stating that "It seems our long-running convention of using <footer> for attribution inside a <blockquote> is in keeping with the <footer> part of the spec, but not with the <blockquote> part. We’re investigating…"