HTML `<cite>`-Tag

Das <cite>-Tag definiert den Titel von kreativen Werken, Büchern, Gemälden, Fernsehprogrammen, Websites usw.

TIP

Verwenden Sie das <blockquote>-Element, um lange Zitate zu definieren, und das <q>-Element, um kurze zu definieren.

Laut der W3C HTML-Spezifikation kann ein Verweis auf ein kreatives Werk den Namen des Autors enthalten. Der WHATWG HTML Living Standard besagt jedoch, dass der Name des Autors nicht eingeschlossen werden sollte.

Verwenden Sie das cite-Attribut im <q>- oder <blockquote>-Element, um die Quelle des zitierten Materials zu verweisen.

Im Allgemeinen wird der Text innerhalb von <cite> standardmäßig kursiv dargestellt. Wenn Sie dies vermeiden möchten, können Sie die CSS font-style-Eigenschaft auf <cite> anwenden.

Syntax

Das <cite>-Tag wird immer paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<cite>) und dem schließenden (</cite>) Tag geschrieben.

Beispiel für das HTML `<cite>`-Tag:

HTML <cite>-Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Michelangelo sculpted <cite>David</cite> between 1501 and 1504</p>
  </body>
</html>

Try it Yourself »

Ergebnis

cite example

Attribute

Das <cite>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.

So stylen Sie ein HTML <cite>-Tag

Standardmäßig stellen Browser <cite>-Text in Kursivschrift dar. Sie können dies mit der CSS font-style-Eigenschaft ändern:

css

cite {
  font-style: normal;
}

Beachten Sie, dass das <cite>-Element das href-Attribut nicht direkt unterstützt. Um auf die Quelle zu verlinken, umschließen Sie das <cite>-Element mit einem <a>-Tag:

html

<p>According to <cite><a href="https://example.com/source">The Art of Sculpting</a></cite>, Michelangelo...</p>

Praxis

Was macht das HTML <cite>-Tag in HTML?

Es wendet einen Fettdruck auf Text an.Es stellt Kursivschrift für ein Zitat oder einen Verweis bereit.Es unterstreicht Text.Es verweist auf eine Quelle von zitiertem Text oder referenziertem Material.Es erstellt einen Hyperlink.

HTML <cite>-Tag ​

Syntax ​

Beispiel für das HTML <cite>-Tag: ​

Ergebnis ​