<blockquote>
The <blockquote> element represents an extended quotation from another source. It gives quoted content explicit semantics beyond visual indentation.
Overview
The <blockquote> element represents an extended quotation from another source. It gives quoted content explicit semantics beyond visual indentation.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | ≤4 | 18 | ≤3.2 | |
| HTML attribute | ||||||
cite | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<blockquote cite="https://example.com/source">
<p>The power of the Web lies in its universality.
An essential aspect of this is that it is accessible to everyone, regardless of whether they have a disability.</p>
<footer>— Tim Berners-Lee</footer>
</blockquote>Live demo
Use cases
Quoted excerpts
Display cited passages from articles, books, interviews, or documentation with clear separation from the surrounding text.
Testimonials
Represent a testimonial or statement as a quotation when it truly reflects someone else's words.
Cautions
- Do not use blockquote solely to indent text for design reasons.
- If attribution matters, include it clearly near the quote rather than implying the source visually only.
Accessibility
- Quoted content should remain understandable even if indentation or decorative quote marks are not perceived.
Related links
Powered by web-features