Example
A section that is quoted from another source:
<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>
Definition and Usage
The <blockquote> tag specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements.
Browser Support
| Element | |||||
|---|---|---|---|---|---|
| <blockquote> | Yes | Yes | Yes | Yes | Yes |
Tips and Notes
Tip: Use <q> for inline (short) quotations.
Differences Between HTML 4.01 and HTML5
In HTML 4.01, the <blockquote> tag defines a long quotation.
In HTML5, the <blockquote> tag specifies a section that is quoted from another source.
Differences Between HTML and XHTML
Note: To validate a <blockquote> element as XHTML, it must contain only other block-level elements, like this:
<blockquote>
<p>Here is a long quotation here is a long quotation.</p>
</blockquote>
Attributes
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source of the quotation |
Global Attributes
The <blockquote> tag also supports the Global Attributes in HTML.
Event Attributes
The <blockquote> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Blockquote Object
Default CSS Settings
Most browsers will display the <blockquote> element with the following default values:
Example
blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
HTML <blockquote> cite Attribute
Example
A section that is quoted from another source:
<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. WWF’s unique way of working combines global reach with a foundation in science, involves action at every level from local to global, and ensures the delivery of innovative solutions that meet the needs of both people and nature.
</blockquote>
Definition and Usage
The cite attribute specifies the source of a quotation.
Tip: It’s a good habit to always add the source of a quotation, if any.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| cite | Yes | Yes | Yes | Yes | Yes |
The cite attribute does not render as anything special in any of the major browsers, but it can be used by search engines to get more information about the quotation.
Syntax
<blockquote cite=”URL“>
Attribute Values
| Value | Description |
|---|---|
| URL | The source of the quotation.Possible values:
|