HTML5 <blockquote> Tag

The HTML <blockquote> tag is used to indicate that the enclosed text is an extended quotation. Generally, this quotations is rendered visually by indentation. You can provide a URL as the source of the quotation using the cite attribute, while a text representation of the source can be given using the <cite> element.

You can use CSS margin property to change <blockquote> indent. The only content permitted inside this element is Flow content. Both the starting and ending tag are mandatory for this element. You can also use the <q> element for short quotes.

Any element that accepts flow content can be the parent of the <blockquote> tag.

The following style is applied to this element by default:

blockquote {
  display: block;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 40px;
  margin-end: 40px;
}

Here is an example of using this tag:

<blockquote cite="link/to/the/source.html">
  <p> It had long since come to my attention that people of accomplishment rarely sat back and let things happen to them. They went out and happened to things. </p>
</blockquote>
<p>— Leonardo da Vinci</p>

Attributes

cite

This attribute provides a URL that designates a source document or message for the information quoted. This attribute is intended to point to information that explains the context or the reference for the quote.

Examples

See the Pen HTML blockquote Tag by Tutorialio (@tutorialio) on CodePen.

Further Reading

  1. Read more about the HTML <blockquote> element on MDN.
  2. You can also read the HTML <blockquote> tag reference on W3C.

Reader Comments

1. You can register or login to post a comment. Asking readers to register improves the quality of discussion.

2. As a registered user, you will also get to access features like choosing between a light and dark theme or anything else that we might implement in future.

Follow Us For Updates

FacebookTwitterGoogle+
Go To Top