Encodera

Thanks for reading!

Donate to the site — we work hard for you.

HTML & CSS reference

<q>

A short inline quote; the browser adds the quotation marks itself.

Syntax

<q>short quote</q>

Attributes

ParameterTypeDescription
citeURLOptional. The address of the quote source.

Examples

Quotation marks appear automatically:

<p>As the barista said, <q>Good coffee needs good water</q>.</p>

The style of quotes depends on the language:

<p lang="en"><q>Hello</q></p>
<p lang="de"><q>Hallo</q></p>
<p lang="fr"><q>Bonjour</q></p>

Notes

Do not type quotation marks yourself — you will get double ones. For a long quote as a separate block, use <blockquote>.

See also

  • <blockquote> — A long quotation as a separate block.
  • <cite> — The title of a work: a book, film, article or song.

Related recipes

In the tutorial

  • Text formatting — Inline tags for text — strong and em, mark, del and ins, sub and sup, code, kbd and pre, abbr and q.

Thanks for reading!

Donate to the site — we work hard for you.