| Depr. | Empty | Version |
|---|---|---|
| No | No | HTML 4 |
| IE8+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Full | Full | Full | Full | Full |
Syntax
Description
The
q element is little brother (or sister) to the
blockquote element. Where
blockquote creates a distinct block of quoted text, the
more svelte q element is used for inline quotations.
It’s intended that the browser should insert the necessary quotation
marks, the style of which should depend on the language of the document or
that section of the document, rather than the author adding quotation
marks, which can cause double quotation marks to appear.
The example code above would render as shown in Figure 1.
q in action
Example
Here’s an example of
the q element in use:
<p>Heck, even Bill Gates is quoted as saying <q>We need
Microformats,</q> which can only be a good thing for the cause.</p>
Use This For …
This element is
used to mark up a quotation, possibly with attribution in the form of a
cite attribute, although this is
optional.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 3.0 | 3.5 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| None | None | None | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full |
The
q element causes no discernible change in the style of
text in any browser tested (unlike blockquote which is
italicized in all browsers), but it does add the necessary quotation marks
in all the browsers that were tested (with the exception of Internet
Explorer 7 and earlier).
In this Section
- cite
provides the source of the quotation in the form of a URI
User-contributed notes
- ID:
- #2
- Date:
- Mon, 08 Dec 2008 11:44:58 GMT
Internet Explorer doesn't display quotes, but does that mean the element isn't supported? IE does recognises it for CSS.
Similarly, does not showing the information contained in the cite attribute mean the element is only partially supported? If the information is there in the DOM (which it is), then perhaps, not displaying it is deliberate behavior?
