<blockquote>: Das Blockzitat-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 <blockquote> HTML-Element gibt an, dass der eingeschlossene Text ein erweitertes Zitat ist. Üblicherweise wird dies visuell durch Einrückung dargestellt (sehen Sie die Hinweise, um zu erfahren, wie Sie dies ändern können). Eine URL für die Quelle des Zitats kann über das cite-Attribut angegeben werden, während eine textuelle Darstellung der Quelle über das <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 Quelldokument oder eine Nachricht für die zitierte Information bezeichnet. Dieses Attribut soll auf Informationen hinweisen, die den Kontext oder die Referenz für das Zitat erklären.

Nutzungshinweise

Laut Spezifikation muss die Angabe der Quelle für das Zitat, falls vorhanden, außerhalb des <blockquote>-Elements platziert werden.

Um die auf den zitierten Text angewendete Einrückung zu ändern, verwenden Sie die CSS margin-left- und/oder margin-right-Eigenschaften oder die margin-Kurzschreibweise.

Um kürzere Zitate inline anstatt in einem separaten Block einzuschließen, verwenden Sie das <q> (Quotation)-Element.

Beispiele

Dieses Beispiel demonstriert 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 Fließender Inhalt, Abschnitts-Wurzel, greifbarer Inhalt.
Erlaubter Inhalt Fließender Inhalt.
Tag-Auslassung Keine, sowohl das öffnende als auch das schließende Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das fließenden Inhalt akzeptiert.
Implizite ARIA-Rolle blockquote
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLQuoteElement`](/de/docs/Web/API/HTMLQuoteElement)

Spezifikationen

Specification
HTML
# the-blockquote-element

Browser-Kompatibilität

Siehe auch