<q>

  • Revision slug: HTML/Element/q
  • Revision title: q
  • Revision id: 17381
  • Created:
  • Creator: hobophobe
  • Is current revision? No
  • Comment Use syntax highlighting; 6 words added, 1 words removed

Revision Content

Quote element indicates that the enclosed text is a short inline quotation.

Attributes

{{ htmlattrdef("cite") }}
The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.

Example

<p>Everytime Kenny is killed, Stan will announce <q>Oh my God, you/they killed Kenny!</q>.</p>

Above HTML will output:

Image:HTML-q.png

Notes

This element is intended for short quotations that don't require paragraph breaks, for long quotations use <blockquote> element.

Most modern standards-aware browsers, like Mozilla Firefox, Opera, and Safari, should add quotes around text enclosed within the <q> element.

Some browsers, like Internet Explorer, may not make any sort of style change for quotations, but it is possible to apply a style rule.

See also


{{ HTML:Element_Navigation() }}

{{ languages( { "pl": "pl/HTML/Element/q" } ) }}

Revision Source

<p><strong>Quote</strong> element indicates that the enclosed text is a short inline quotation.</p>
<ul> <li>Element type: <a href="/en/HTML/Inline_elements" title="en/HTML/Inline_elements">inline</a></li> <li>Allowed content: <a href="/en/HTML/Inline_elements" title="en/HTML/Inline_elements">inline</a></li>
</ul>
<h3 name="Attributes">Attributes</h3>
<dl> <dt>{{ htmlattrdef("cite") }}</dt> <dd>The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.</dd>
</dl>
<h3 name="Example">Example</h3>
<pre class="brush: html">&lt;p&gt;Everytime Kenny is killed, Stan will announce &lt;q&gt;Oh my God, you/they killed Kenny!&lt;/q&gt;.&lt;/p&gt;
</pre>
<p>Above HTML will output:</p>
<p><img alt="Image:HTML-q.png" class=" internal" src="/@api/deki/files/246/=HTML-q.png"></p><h3 name="Notes">Notes</h3>
<p>This element is intended for short quotations that don't require paragraph breaks, for long quotations use <a href="/en/HTML/Element/blockquote" title="en/HTML/Element/blockquote"><code>&lt;blockquote&gt;</code></a> element.</p>
<p>Most modern standards-aware browsers, like Mozilla Firefox, Opera, and Safari, should add quotes around text enclosed within the <code>&lt;q&gt;</code> element.</p>
<p>Some browsers, like Internet Explorer, may not make any sort of style change for quotations, but it is possible to apply a style rule.</p>
<h3 name="See_also">See also</h3>
<ul> <li><a href="/en/HTML/Element/blockquote" title="en/HTML/Element/blockquote">HTML Block quotation element</a></li> <li><a href="/en/HTML/Element/cite" title="en/HTML/Element/cite">HTML Citation element</a></li>
</ul>
<p><br>
{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "pl": "pl/HTML/Element/q" } ) }}</p>
Revert to this revision