W3.CSSLesson 28Free preview

W3.CSS Quotes

This lesson is part of W3.CSS · All levels

Summary

Quotation elements such as blockquote and q are used to display the words of others or quotes from sources appropriately. To stand out, quotations are usually given a line on the left, italic, and a slight distance. Semantically marking quotes also helps search engines and screen readers understand the structure of content.

Key points

Blockquote is used for long quotes as a separate block
Q is used for short quotes in sentences
The attribute cite keeps reference to source citations
The sidebar and italic mark the quotation visually
Elements of citation on the text mark the title of the work quoted

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.