HTML Quotations

Quotation

This is a citation from the WWF website:

For fifty years, WWF has been committed to protecting the future of nature. The world's leading environmental organization, WWF works in 100 countries, and supported by one million members in the United States and nearly five million members worldwide.

HTML <q> used for short quotes

HTML <q> Element definitionShort quotes.

Browsers usually enclose the <q> element with quotation marks to indicate a short quote.Quotation marks.

Example

<p>WWF's goal is: <q>Build a world where people and nature coexist in harmony.</q></p>

Try It Yourself

HTML <blockquote> used for long quotes

HTML <blockquote> The element defines the cited section.

Browsers usually indent the <blockquote> element to indicate a block quote.IndentationProcessing.

Example

<p>The following content is quoted from the WWF website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For fifty years, WWF has been committed to protecting the future of nature.
The world's leading environmental organization, WWF works in 100 countries,
and supported by one million members in the United States and nearly five million members worldwide.
</blockquote>

Try It Yourself

HTML <abbr> used for abbreviations

HTML <abbr> Element definitionAbbreviationor an acronym.

Marking abbreviations can provide useful information to browsers, translation systems, and search engines.

Example

<p><abbr title="World Health Organization">WHO</abbr> was established in 1948.</p>

Try It Yourself

HTML <dfn> used for definition

HTML <dfn> An element that defines an item or abbreviationDefinition.

The usage of <dfn>, as described in the HTML5 standard, is somewhat complex:

1. If the title attribute of the <dfn> element is set, then define the item:

Example

<p><dfn title="World Health Organization">WHO</dfn> was established in 1948.</p>

Try It Yourself

2. If the <dfn> element contains an <abbr> element with a title, then the title defines the item:

Example

<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> was established in 1948.</p>

Try It Yourself

3. Otherwise, the text content of <dfn> is the item, and the parent element contains the definition.

Example

<p><dfn>WHO</dfn> World Health Organization was established in 1948.</p>

Try It Yourself

Note:If you wish to simplify, please use the first rule, or use <abbr> instead.

Used for contact information HTML <address>

HTML <address> Element definition contact information for the document or article (author/owner).

This element is usually displayed inItalicDisplay. Most browsers will add line breaks before and after this element.

Example

<address>
Written by Donald Duck.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

Try It Yourself

Used for the title of the work HTML <cite>

HTML <cite> Element definitionTitle of the work.

Browsers usually display the <cite> element in italics.

Example

<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

Try It Yourself

Used for bidirectional rewriting HTML <bdo>

HTML <bdo> The element defines bi-directional override (bi-directional override).

The <bdo> element is used to override the current text direction:

Example

<bdo dir="rtl">This text will be written from right to left</bdo>

Try It Yourself

HTML Citation, Quote, and Definition Elements

Tag Description
<abbr> Define an abbreviation or acronym.
<address> Define the contact information of the document author or owner.
<bdo> Define the text direction.
<blockquote> Define a section quoted from another source.
<dfn> Define the definition of an item or abbreviation.
<q> Define a short inline quote.
<cite> Define the title of the work.