Page 120 - HTML5

Chapter 27: Marking-up Quotes

Remarks

cite and blockquote elements should not be used for the purpose of representing a conversation,
transcripts of conversations, dialogues in scripts, records of instant messages and other
situations in which different players take turns in the speech.

Examples

Inline with «»

The q element can be used for a quote that is part of a sentence:

<p>She wrote <q>The answer is 42.</q> and everyone agreed.</p>

Quotation marks

4.01

Quotation marks should not be added. User agents should (in HTML 4.01) resp. must (in HTML 4.0)
render them automatically.

5
Quotation marks must not be added. User agents will render them automatically.

Source URL (cite attribute)

The cite attribute can be used to reference the URL of the quoted source:

<p>She wrote <q cite="http://example.com/blog/hello-world">The answer is 42.</q> and everyone
agreed.</p>

Note that browsers typically don’t show this URL, so if the source is relevant, you should add a
hyperlink (a element) in addition.

Block with

The blockquote element can be used for a (block-level) quote:

<blockquote>
<p>The answer is 42.</p>
</blockquote>

Source URL (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).

Citation/Attribution

https://riptutorial.com/ 104