Breaking

Wednesday, May 1, 2019

HTML blockquote Tag

Example

A section that is quoted from another source:
<blockquotecite="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 »

Definition and Usage

The <blockquote> tag specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements.

Browser Support

Element
<blockquote>YesYesYesYesYes

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

AttributeValueDescription
citeURLSpecifies 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;
}
Try it Yourself »

No comments:

Post a Comment