---
title: <cite>
slug: Web/HTML/Element/cite
tags:
  - Element
  - HTML
  - HTML Text-Level Semantik
  - Referenz
  - Web
translation_of: Web/HTML/Element/cite
---
<h2 id="Übersicht">Übersicht</h2>

<p>Das <strong>HTML <code>&lt;cite&gt;</code> Element</strong> (oder <em>HTML Citation Element</em>) repräsentiert eine Referenz zu einer kreativen Arbeit. Es muss den Titel der Arbeit, den Namen des Autors oder die URL Referenz, welche in abgekürzter Form als Metadaten vorliegen, zusätzlich zur Zitatangabe beinhalten.</p>

<div class="note">
<p><strong>Hinweis zur Benutzung:</strong></p>

<ul>
 <li>Eine kreative Arbeit kann ein Buch, eine Skizze, ein Essay, ein Gedicht, ein Ergebnis, ein Song, ein Script, ein Film, eine TV-Show, ein Spiel, eine Skulptur, ein Bild, eine Theaterproduktion, eine Oper, ein Musical, eine Ausstellung, ein Computer-Programm, eine Website, ein Blogpost, ein Kommentar, ein Forumeintrag, ein Tweet, ein schriftliches Statement, usw. sein.</li>
 <li>Das {{htmlattrxref("cite", "blockquote")}} Attribut innerhalb eines {{HTMLElement("blockquote")}} oder {{HTMLElement("q")}} Elements kann für eine Online-Ressource einer Quelle genutzt werden.</li>
</ul>
</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Inhaltskategorien</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Fließender Inhalt</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Formulierungsinhalt</a>, greifbarer Inhalt.</td>
  </tr>
  <tr>
   <th scope="row">Erlaubter Inhalt</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
  </tr>
  <tr>
   <th scope="row">Tag Auslassung</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Erlaubte Elternelemente</th>
   <td>Jedes Element, dass <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Formulierungsinhalt</a> erlaubt.</td>
  </tr>
  <tr>
   <th scope="row">DOM Schnittstelle</th>
   <td>{{domxref("HTMLElement")}} Bis einschließlich Gecko 1.9.2 (Firefox 4) hat Firefox dieses Element in die {{domxref("HTMLSpanElement")}} Schnittstelle implementiert.</td>
  </tr>
 </tbody>
</table>

<h2 id="Attribute">Attribute</h2>

<p><span style="line-height: 21px;">Dieses Element schließt nur </span><a href="/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a> ein.</p>

<h2 id="Beispiel">Beispiel</h2>

<pre class="brush: html">Mehr Informationen können in &lt;cite&gt;[ISO-0000]&lt;/cite&gt; gefunden werden.</pre>

<p>Der HTML Code liefert folgendes Ergebnis:</p>

<p>Mehr Informationen können in <cite>[ISO-0000]</cite> gefunden werden.</p>

<h2 id="Anmerkungen">Anmerkungen</h2>

<p>Um die standardisierte Kursiv-Darstellung des &lt;cite&gt; Elements zu umgehen, kann die <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("font-style")}} Eigenschaft genutzt werden.</p>

<h2 id="Specifications" name="Specifications">Spezifikationen</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-cite-element', '&lt;cite&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-cite-element', '&lt;cite&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;cite&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Das {{HTMLElement("blockquote")}} Element für lange Zitate.</li>
 <li>Das {{HTMLElement("q")}} Element für einzeilige Zitate.</li>
</ul>

<div>{{HTMLRef}}</div>