Mrkunlex
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;
}
<!DOCTYPE html>
<html>
<body>
<h1>About WWF</h1>
<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>
</body>
</html>
Copy code