Web Site Primer

HTML · Web Design · Color Charts · & More!

HTML Markup: Quoted Text Tags

Originally Published: 2001-09-15
Updated: 2006

There are times when you may need to share quoted material or text. HTML provides us with two sets of markup elements for those occassions. This article will share about one way you can shared quoted material.

Quoted Text Markup

<q>TEXT</q>
Paired tag; no shortcut
Inline Element.
q is short for Quoted Text.
Use: Encloses, or encases, text that is quoted or should appear in quotation marks. Rumored to been created to help with Web Accessibility.
Works in: browser versions introduced since 2002. May be unreliable in handling on Internet Explorer v5.5.

Example of markup:
<p><q>Picture this: It's September, 1993 ... Web pages were rudimentary ... limited to a medium-gray background, a royal blue link color, and left alignment.</q><br> -- Paul Tedesco </p>

Appearance on the Web (will appear as dark green text):

Picture this: It's September, 1993 ... Web pages were rudimentary ... limited to a medium-gray background, a royal blue link color, and left alignment.
-- Paul Tedesco

Web authors are still debating whether <q>...</q> is necessary at all, since people can use &quot; for quotation marks, and blockquote has existed since HTML v2. I will sit on the fence, and say use what works best for the material.


Related Articles:


straight to the top