Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<blockquote> HTML-Blockzitat-Element

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <blockquote> HTML-Element zeigt an, dass der eingeschlossene Text ein erweitertes Zitat ist. Normalerweise wird dies visuell durch Einrückung dargestellt (siehe Hinweise für Informationen zur Änderung). Eine URL für die Quelle des Zitats kann mit dem cite-Attribut angegeben werden, während eine textliche Darstellung der Quelle mit dem <cite>-Element angegeben werden kann.

Probieren Sie es aus

<div>
  <blockquote cite="https://www.huxley.net/bnw/four.html">
    <p>
      Words can be like X-rays, if you use them properly—they'll go through
      anything. You read and you're pierced.
    </p>
  </blockquote>
  <p>—Aldous Huxley, <cite>Brave New World</cite></p>
</div>
div:has(> blockquote) {
  background-color: #ededed;
  margin: 10px auto;
  padding: 15px;
  border-radius: 5px;
}

blockquote p::before {
  content: "\201C";
}

blockquote p::after {
  content: "\201D";
}

blockquote + p {
  text-align: right;
}

Attribute

Die Attribute dieses Elements umfassen die globalen Attribute.

cite

Eine URL, die ein Quellendokument oder eine Nachricht für die zitierte Information angibt. Dieses Attribut soll auf Informationen verweisen, die den Kontext oder die Referenz für das Zitat erklären.

Hinweise zur Verwendung

Laut der Spezifikation muss die Nennung des Zitats, falls vorhanden, außerhalb des <blockquote>-Elements platziert werden.

Um die Einrückung des zitierten Textes zu ändern, verwenden Sie die CSS margin-left- und/oder margin-right-Eigenschaften oder die margin-Kurzschreibweise.

Um kürzere Zitate inline anstelle eines separaten Blocks einzufügen, verwenden Sie das <q>- (Zitat-) Element.

Beispiele

Dieses Beispiel zeigt die Verwendung des <blockquote>-Elements, um einen Abschnitt aus RFC 1149, A Standard for the Transmission of IP Datagrams on Avian Carriers, zu zitieren.

html
<blockquote cite="https://datatracker.ietf.org/doc/html/rfc1149">
  <p>
    Avian carriers can provide high delay, low throughput, and low altitude
    service. The connection topology is limited to a single point-to-point path
    for each carrier, used with standard carriers, but many carriers can be used
    without significant interference with each other, outside early spring. This
    is because of the 3D ether space available to the carriers, in contrast to
    the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
    avoidance system, which increases availability.
  </p>
</blockquote>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, sectioning root, greifbarer Inhalt.
Erlaubter Inhalt Flussinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Flussinhalt akzeptiert.
Implizierte ARIA-Rolle blockquote
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLQuoteElement`](/de/docs/Web/API/HTMLQuoteElement)

Spezifikationen

Spezifikation
HTML
# the-blockquote-element

Browser-Kompatibilität

Siehe auch