The blockquote
element can be used for a (block-level) quote:
<blockquote>
<p>The answer is 42.</p>
</blockquote>
cite
attribute)The cite
attribute can be used to reference the URL of the quoted source:
<blockquote cite="http://example.com/blog/hello-world">
<p>The answer is 42.</p>
</blockquote>
Note that browsers typically don’t show this URL, so if the source is relevant, you should add a hyperlink (a
element) in addition (see the section Citation/Attribution about where to place this link).
The citation/attribution should not be part of the blockquote
element:
<blockquote cite="http://example.com/blog/hello-world">
<p>The answer is 42.</p>
</blockquote>
<p>Source: <cite><a href="http://example.com/blog/hello-world" rel="external">Hello World</a></cite></p>
You can add a div
element to group the quote and the citation, but it exists no way to associate them semantically.
The cite
element can be used for the reference of the quoted source (but not for the author name).
The citation/attribution (e.g., the hyperlink giving the source URL) can be inside the blockquote
, but in that case it must be within a cite
element (for in-text attributions) or a footer
element:
<blockquote cite="http://example.com/blog/hello-world">
<p>The answer is 42.</p>
<footer>
<p>Source: <cite><a href="http://example.com/blog/hello-world" rel="external">Hello World</a></cite></p>
</footer>
</blockquote>
The cite
element can be used for the reference of the quoted source, or for the name of the quote’s author.