<abbr>
Use title to give the full form of an abbreviation.
<abbr title="World Health Organization">WHO</abbr>
Lesson 5
Give quoted text the right meaning
HTML includes elements that describe quotations, sources, abbreviations, contact information, and text direction. These tags help browsers, readers, and search engines understand your content.
- Long quotations with blockquote
- Short quotations with q
- Cited works with cite
- Abbreviations and addresses
- Changing text direction with bdo
Use <blockquote> for longer quotations
The <blockquote> element is for quoted content that stands on its own as a block. Use the optional cite attribute when you have a source URL.
<blockquote cite="https://example.com/source">
Good markup gives content clear meaning.
</blockquote>Good markup gives content clear meaning.
Use <q> for short quotations
The <q> element is for a short quote inside a sentence. Browsers usually add quotation marks automatically.
<p>The teacher said, <q>Practice small examples every day.</q></p>The teacher said, Practice small examples every day.
Use <cite> for a work title
The <cite> element names the title of a book, article, song, film, website, or other work.
<p><cite>The Great Gatsby</cite> is a novel by F. Scott Fitzgerald.</p>The Great Gatsby is a novel by F. Scott Fitzgerald.
Abbreviations, addresses, and direction
<address>
Use it for contact information for a person, organization, or page owner.
<address>
Email: hello@example.com
</address><bdo>
Use it when you need to override the normal text direction.
<bdo dir="rtl">Right to left</bdo>Choose the tag by meaning
Use <blockquote> for a long quote, <q> for a short quote, and <cite> for the title of a source.