HTML <blockquote> Tag
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>
About WWF
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.
Definition and Usage
The <blockquote> tag specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements.
Browser Support
Element | Chrome | Internet Explorer | Firefox | Safari | Opera |
---|---|---|---|---|---|
<blackquote> | 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>
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; }
A blockquote element is displayed like this:
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.
Change the default CSS settings to see the effect.