<blockquote>
The <blockquote> element represents a section that is quoted from another source. It is used for extended quotations that form their own block, typically rendered with indentation.
This page was last updated on 2025-11-27
Syntax
<blockquote>
<p>Quoted text here.</p>
</blockquote>
Attributes
- cite - URL of the source document or message
- class - CSS class name
- id - Unique identifier
- style - Inline CSS styles
- title - Advisory information
Examples
Basic blockquote:
<blockquote>
<p>The only way to do great work is to love what you do.</p>
</blockquote>
With cite attribute:
<blockquote cite="https://example.com/source">
<p>This is the quoted text from the source.</p>
</blockquote>
With visible citation:
<blockquote>
<p>In the middle of difficulty lies opportunity.</p>
</blockquote>
<p>— <cite>Albert Einstein</cite></p>
Multiple paragraphs:
<blockquote>
<p>First paragraph of the quote.</p>
<p>Second paragraph continues the thought.</p>
</blockquote>
When to Use
Use <blockquote> for extended quotations from external sources that warrant their own block-level presentation. This includes quotes from books, articles, speeches, or other documents. The content inside should be wrapped in appropriate elements like <p> for paragraphs.
For short inline quotations within a sentence, use <q> instead. The cite attribute should contain a URL pointing to the source, though this is not displayed by browsers. For visible attribution, add a <cite> element outside the blockquote.
