<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 Juli 2015.
Das <blockquote> HTML Element zeigt an, dass der enthaltene Text ein erweitertes Zitat ist. Normalerweise wird dies visuell durch Einrückung dargestellt (siehe Hinweise, um zu erfahren, wie man dies ändern kann). Eine URL für die Quelle des Zitats kann über das Attribut cite angegeben werden, während eine Textdarstellung 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 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 der Spezifikation muss die Quellenangabe für das Zitat, 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 Kurzform.
Um kürzere Zitate inline statt in einem separaten Block einzufügen, verwenden Sie das <q> (Quotation) Element.
Beispiele
Dieses Beispiel demonstriert die Verwendung des <blockquote> Elements, um eine Passage aus RFC 1149, A Standard for the Transmission of IP Datagrams on Avian Carriers zu zitieren.
<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 Übersicht
| Inhaltskategorien | Flussinhalt, Abschnitts-Wurzel, fühlbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Flussinhalt. |
| Tag-Auslassung | Keine, sowohl der Start- als auch der Endtag sind obligatorisch. |
| Erlaubte Eltern | Jedes Element, das Flussinhalt akzeptiert. |
| Implizierte ARIA-Rolle |
blockquote
|
| Erlaubte ARIA-Rollen | Jede |
| DOM-Schnittstelle | [`HTMLQuoteElement`](/de/docs/Web/API/HTMLQuoteElement) |
Spezifikationen
| Specification |
|---|
| HTML> # the-blockquote-element> |
Browser-Kompatibilität
Siehe auch
- Das
<q>Element für inline Zitate. - Das
<cite>Element für Quellenangaben. - Das blockquote Element via heydonworks.com (2024)