HTML Quotation Elementss

# HTML Quotation and Citation Elements

« Previous
Next Chapter »

## Quotation

Here is a quote from WWF's website:

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

## HTML <q> for Short Quotations

The HTML <q> element defines a short quotation.

Browsers usually insert quotation marks around the <q> element.

## Example

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
Try it Yourself »

## HTML <blockquote> for Long Quotations

The HTML <blockquote> element defines a quoted section.

Browsers usually indent <blockquote> elements.

## Example

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
Try it Yourself »

## HTML <abbr> for Abbreviations

The HTML <abbr> element defines an abbreviation or an acronym.

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

## Example

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
Try it Yourself »

## HTML <dfn> for Definitions

The HTML <dfn> element defines the definition of a term or an abbreviation.

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

1. If the title attribute of the <dfn> element is present, it defines the term:

## Example

<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>
Try it Yourself »

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

## Example

<p>The <dfn><abbr title="World Health Organization">WHO</abbr></dfn> was founded in 1948.</p>
Try it Yourself »

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

## Example

<p>The <dfn>WHO</dfn> World Health Organization was founded in 1948.</p>
Try it Yourself »

| If you want to keep it simple, use the first form, or use <abbr> instead.

## HTML <address> for Contact Information

The HTML <address> element defines contact information (author/owner) of a document or article.

The element is usually displayed in italic. Most browsers will add a line break before and after the element.

## Example

<address>
Written by Jon Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Try it Yourself »

## HTML <cite> for Work Title

The HTML <cite> element defines the title of a work.

Browsers usually displays <cite> elements in italic.

## Example

<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
Try it Yourself »

## HTML <bdo> for Bi-Directional Override

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

If your browser supports bdo, this text will be written from right to left:

## Example

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

## HTML Quotations, Citations, and Definition Elements

Tag | Description
--- | ---
<abbr> | Defines an abbreviation or acronym
<address> | Defines contact information for the author/owner of a document
<bdo> | Defines the text direction
<blockquote> | Defines a section that is quoted from another source
<dfn> | Defines the definition of a term or an abbreviation.
<q> | Defines a short inline quotation
<cite> | Defines the title of a work

« Previous
Next Chapter »

### WEB HOSTING

UK Reseller Hosting

### WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

### W3SCHOOLS EXAMS

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

### SHARE THIS PAGE

### Color Picker

### HTML/CSS

HTML Tutorial HTML5 Tutorial CSS Tutorial CSS3 Tutorial Bootstrap Tutorial

### JavaScript

JavaScript Tutorial jQuery Tutorial jQuery Mobile Tutorial AngularJS Tutorial AJAX Tutorial JSON Tutorial

### Graphics

Canvas Tutorial SVG Tutorial Google Maps Tutorial

### Server Side

SQL Tutorial PHP Tutorial ASP Tutorial ASP.NET Tutorial VBScript Tutorial AppML Tutorial

### Web

Web Building Web Statistics Web Certification

### XML

XML Tutorial DTD Tutorial Schema Tutorial XML DOM Tutorial XPath Tutorial XSLT Tutorial XQuery Tutorial XSL-FO Tutorial RSS Tutorial WSDL Tutorial

### HTML/CSS

HTML Tag Reference HTML Event Reference HTML Color Reference CSS 1,2,3 Reference Bootstrap Reference

### JavaScript

JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference Google Maps Reference

### Server Side

PHP Reference SQL Reference ASP Reference VBScript Reference Razor Reference ASP.NET Reference

### XML

XML DOM Reference XSLT Reference XSL-FO Reference XPath Reference XQuery Reference Schema Reference RSS Reference SVG Reference

### HTML Charsets

HTML Character Sets HTML ASCII HTML ANSI HTML Windows-1252 HTML ISO-8859-1 HTML Symbols HTML UTF-8

### HTML/CSS

HTML Examples CSS Examples

### Browser Scripting

JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples

### Server Scripting

PHP Examples ASP Examples VBScript Examples Razor Examples .NET Examples

### XML Languages

XML Examples DTD Examples XML DOM Examples XSL Examples XSLT Examples XPath Examples XQuery Examples Schema Examples RSS Examples SVG Examples