[Skip to Contents]

Quotations

Mark up quotations using the CITE, Q and BLOCKQUOTE tags. Several informative attributes can be added as well.

Q is an inline element and can be used for quotations within sentences:

As the greek philosopher <cite>Bias</cite> once said, <q lang="la" xml:lang="la">omnia mea mecum porto</q>.

which is displayed like this:

As the greek philosopher Bias once said, omnia mea mecum porto.

A standard-compliant browser should display the name Bias in italics and surround the quotation with quotation marks. A screen reader will switch to a Latin pronunciation.

BLOCKQUOTE is a block element and is usually displayed as a new paragraph, slightly indented and sometimes in italics (implementation varies in different browsers). Use it for longer quotations.

<blockquote cite="http://designforcommunity.com/display.cgi/200203281958" title="From: Don't patronize your users">
<p>Users don't read. Users don't scroll. Users need small words, small sentences, bullet lists, anchor links, pats on the head, and milk and cookies before bedtime. [...]</p>
<p>If no one reads online, and they don't scroll, and they don't click, what exactly do they do?</p>
</blockquote>

which is displayed like this:

Users don't read. Users don't scroll. Users need small words, small sentences, bullet lists, anchor links, pats on the head, and milk and cookies before bedtime. [...]

If no one reads online, and they don't scroll, and they don't click, what exactly do they do?

Note the additional information provided in the opening BLOCKQUOTE tag. The source and title of the quotation are included.

Validation

| Access Guide Home | Table of Contents | Definitions | Glossary |