<blockquoteclass="twitter-tweet"data-partner="tweetdeck"><p>Never, ever, ever let them call you a “creative”. It’s a way to be disenfranchised. You are a designer. It’s not magic, it’s a trade.</p>&mdash; Mike Monteiro (@Mike_FTW) <ahref="https://twitter.com/Mike_FTW/status/320929309273493505">April 7, 2013</a></blockquote>

This comment has been minimized.

This makes complete sense to me. When I first started marking up articles, I looked at past blockquotes with and without citations to see how you guys did it and found some inconsistencies and weird markup (e.g. the citation getting marked up as an address to force the font size down). This approach fits every example I can imagine. Thanks!

This comment has been minimized.

Curious how you see links fitting into this pattern. Do you prefer separate links for the author of the block quote (i.e Twitter account), and link for the source (i.e. Website) or just one link in the cite element back to the website.

I was thinking of doing something similar to what Oli recommended. But instead of using the <footer> element, I was thinking of using <header>. I know it's non-conforming, but would like some feedback on the best way to approach this.

This comment has been minimized.

That's a good question. I think I might consider not including the "Ray wrote" in the element.

eg:

Ray wrote:

Semantics are just another brick in the wall.

But if I did want to include it, and was ok with formalizing the text of the citation (and was ok with being somewhat ridiculous), I might very well keep the citation in a footer (which is allowed to precede the content it relates to) and do something like this:

<figure>
<footer>Ray</footer>
<blockquote>Semantics are just another brick in the wall.</blockquote>
</figure>

This comment has been minimized.

<figure>
<footer>Ray</footer>
<blockquote>Semantics are just another brick in the wall.</blockquote>
</figure>

I think it's a little odd to use <footer> in this context. Simply because it's weird to see <footer> before the actual context of the item. However, <tfoot> is used in a similar manner as that's usually added before <tbody>.