Quotation Elements
1. Block Quotations
This is a long quotation that should be displayed as a block element.
2. Inline Quotations
As Steve Jobs said: Stay hungry, stay foolish.
3. Citations
Learn more about web development in HTML & CSS by Jon Duckett.
4. Abbreviations
The W3C defines web standards.
5. Address Information
Written by John DoeVisit us at:
Example.com
Box 564, Disneyland
USA
HTML Code Example
<!-- Block quotation -->
<blockquote cite="https://www.example.com/source">
<p>This is a long quotation...</p>
<footer>- Author Name</footer>
</blockquote>
<!-- Inline quotation -->
<p>As Steve Jobs said: <q>Stay hungry, stay foolish.</q></p>
<!-- Citation -->
<p>Learn more in <cite>HTML & CSS</cite> by Jon Duckett.</p>
<!-- Abbreviation -->
<p>The <abbr title="World Wide Web Consortium">W3C</abbr> defines standards.</p>
<!-- Address -->
<address>
Written by John Doe<br />
Visit us at Example.com
</address>Best Practices
- Use
<blockquote>for standalone quoted content - Use
<q>for short inline quotations - Always include the
citeattribute when quoting external sources - Use
<abbr>withtitleattribute for abbreviations - Reserve
<address>for contact information only - Use CSS to style quotations rather than deprecated HTML attributes
Accessibility
- Screen readers may announce quotation tags differently
- The
citeattribute helps assistive technologies understand reference sources <abbr>titles are read by screen readers when encountered- Ensure proper contrast for styled blockquotes
- Don't use quotation tags purely for visual effects
