<q>: Das Inline-Quote-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <q> HTML-Element zeigt an, dass der eingeschlossene Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser setzen dies um, indem sie den Text in Anführungszeichen setzen. Dieses Element ist für kurze Zitate gedacht, die keine Absatzumbrüche erfordern; für längere Zitate verwenden Sie das <blockquote>-Element.

Probieren Sie es aus

<p>
  When Dave asks HAL to open the pod bay door, HAL answers:
  <q
    cite="https://www.imdb.com/title/tt0062622/quotes/?item=qt0396921&ref_=ext_shr_lnk">
    I'm sorry, Dave. I'm afraid I can't do that.
  </q>
</p>

q {
  font-style: italic;
}

Attribute

Dieses Element beinhaltet die globalen Attribute.

cite

Der Wert dieses Attributs ist eine URL, die ein Quelldokument oder eine Nachricht für die zitierte Information bezeichnet. Dieses Attribut soll auf Informationen verweisen, die den Kontext oder die Referenz für das Zitat erklären.

Beispiele

html
<p>
  According to Mozilla's website,
  <q cite="https://www.mozilla.org/en-US/about/history/details/">
    Firefox 1.0 was released in 2004 and became a big success.
  </q>
</p>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Textinhalt, fühlbarer Inhalt.
Erlaubter Inhalt Textinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Textinhalt akzeptiert.
Implizite ARIA-Rolle generisch
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLQuoteElement`](/de/docs/Web/API/HTMLQuoteElement)

Spezifikationen

Specification
HTML
# the-q-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch