<cite>

  • Revision slug: HTML/Element/cite
  • Revision title: cite
  • Revision id: 236983
  • Created:
  • Creator: FreakCERS
  • Is current revision? No
  • Comment 1 words added

Revision Content

Summary

The HTML Citation Element (<cite>) contains the title of a work, such as a book, song, movie, TV show, sculpture, etc.

Usage Notes:

  • In {{ HTMLVersionInline("5") }}, use of this element to mark a person's name is no longer considered semantically appropriate.
  • Use the {{ htmlattrxref("cite", "blockquote") }} attribute on a {{ HTMLElement("blockquote") }} or {{ HTMLElement("q") }} element to reference an online resource for a source.

Usage context

Permitted content Phrasing content.
Tag omission None, must have both a start tag and an end tag.
Permitted parent elements Any element that accepts phrasing content.
Normative document HTML5, section 4.6.5; HTML 4.01, section 9.2.1

Attributes

This element has no other attributes than the global attributes, common to all elements.

DOM interface

This element implements the HTMLElement interface.

Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.

Example

More information can be found in <cite>[ISO-0000]</cite>

The HTML above outputs:

More information can be found in [ISO-0000]

Notes

To prevent the italic style from being used for the <cite> element use the CSS font-style property.

See also

  • {{ HTMLElement("blockquote") }} element 
  • {{ HTMLElement("q") }} element

{{ HTML:Element_Navigation() }}

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

Revision Source

<h2>Summary</h2>
<p>The HTML Citation Element (<span style="font-family: Courier New;">&lt;cite&gt;</span>) contains the title of a work, such as a book, song, movie, TV show, sculpture, etc.</p>
<div class="note">
<p><strong>Usage Notes:</strong></p>
<ul> <li>In {{ HTMLVersionInline("5") }}, use of this element to mark a person's name is no longer considered semantically appropriate.</li> <li>Use the {{ htmlattrxref("cite", "blockquote") }} attribute on a {{ HTMLElement("blockquote") }} or {{ HTMLElement("q") }} element to reference an online resource for a source.</li>
</ul>
</div>
<h2>Usage context</h2>
<table class="standard-table"> <tbody> <tr> <td>Permitted content</td> <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a>.</td> </tr> <tr> <td>Tag omission</td> <td>None, must have both a start tag and an end tag.</td> </tr> <tr> <td>Permitted parent elements</td> <td>Any element that accepts <a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">phrasing content</a>.</td> </tr> <tr> <td>Normative document</td> <td><a class=" external" href="http://www.w3.org/TR/html5/text-level-semantics.html#the-cite-element" title="http://www.w3.org/TR/html5/text-level-semantics.html#the-cite-element">HTML5, section 4.6.5</a>; <a class=" external" href="http://www.w3.org/TR/html401/struct/text.html#h-9.2.1" title="http://www.w3.org/TR/html401/struct/text.html#h-9.2.1">HTML 4.01, section 9.2.1</a></td> </tr> </tbody>
</table>
<h2>Attributes</h2>
<p>This element has no other attributes than the <a href="/en/HTML/Global_attributes" rel="internal">global attributes</a>, common to all elements.</p>
<h2>DOM interface</h2>
<p>This element implements the <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code> interface.</p>
<div class="note">
<p><strong>Implementation note: </strong>up to Gecko 1.9.2 inclusive, Firefox implements the <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> interface for this element.</p>
</div>
<h2>Example</h2>
<pre class="brush: html">More information can be found in &lt;cite&gt;[ISO-0000]&lt;/cite&gt;</pre>
<p>The HTML above outputs:</p>
<p>More information can be found in <cite>[ISO-0000]</cite></p>
<h2>Notes</h2>
<p>To prevent the italic style from being used for the <code>&lt;cite&gt;</code> element use the <a href="/en/CSS" title="en/CSS">CSS</a> <a href="/en/CSS/font-style" title="en/CSS/font-style">font-style</a> property.</p>
<h2>See also</h2>
<ul> <li>{{ HTMLElement("blockquote") }} element </li> <li>{{ HTMLElement("q") }} element</li>
</ul>
<p>{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "pl": "pl/HTML/Element/cite" } ) }}</p>
Revert to this revision