Widely availableSupported across all major browsers. Safe to use in production.

Overview

The <q> element represents a short inline quotation.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
1
12
1
3
18
2
HTML attribute
cite
1
12
1
3
18
2
DOM API

The HTMLQuoteElement interface provides special properties and methods (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating quoting elements, like blockquote and q, but not the cite element.

1
12
1
3
18
1

The cite property of the HTMLQuoteElement interface indicates the URL for the source of the quotation. It reflects the q element's cite attribute.

1
12
1
3
18
1
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

HTML
<p>The W3C is committed to <q cite="https://www.w3.org/">ensuring the long-term growth of the Web</q>.</p>

Live demo

inlinequote

Q element in textmiddle to shortquote insert.browser that automaticallyquotes attach.

PreviewFullscreen

sourcespecified with Cite attribute.

Cite attribute in quotesource. URL mechanismallowread to specified.

PreviewFullscreen

Q and blockquote. Compare Usage

shortquote is q(inline), longquote is blockquote(block).

PreviewFullscreen

Use cases

  • Using <q>

    The <q> element represents a short inline quotation.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Powered by web-features