HTML <q> Tag
Example
Mark up a short quotation:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Try it yourself »
Definition and Usage
The <q> tag defines a short quotation.
Browsers normally insert quotation marks around the quotation.
Browser Support
| Element | ||||||
|---|---|---|---|---|---|---|
| <q> | Yes | Yes | Yes | Yes | Yes | Yes |
Tips and Notes
Tip: Use <blockquote> to mark up a section that is quoted from another source.
Differences Between HTML 4.01 and HTML5
NONE.
Attributes
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source URL of the quote |
Global Attributes
The <q> tag also supports the Global Attributes in HTML.
Event Attributes
The <q> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Quote Object
Default CSS Settings
Most browsers will display the <q> element with the following default values:
Example
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content:
close-quote;
}
Try it yourself »
