HTML-<blockquote>-Tag
Beispiel
Ein Abschnitt, der aus einer anderen Quelle zitiert wird:
<blockquote cite="https://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
Try it Yourself »
Weitere "Try it Yourself" („Probieren Sie es selbst“)-Beispiele weiter unten.
Definition und Verwendung
Das Tag <blockquote> gibt einen Abschnitt an, der aus einer anderen Quelle zitiert wird.
Browser rücken normalerweise <blockquote>-Elemente ein (siehe Beispiel unten, um zu sehen, wie man die Einrückung entfernt).
Tipps und Hinweise
Tipp: Verwenden Sie <q> für Inline-Zitate (kurze Zitate).
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <blockquote> | Ja | Ja | Ja | Ja | Ja |
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| cite | URL | Geben Sie die Quelle des Zitats an |
Globale Attribute
Das Tag <blockquote> unterstützt auch die Globale Attribute in HTML.
Ereignisattribute
Das Tag <blockquote> unterstützt auch die Ereignisattribute in HTML.
Weitere Beispiele
Beispiel
Verwenden Sie CSS, um die Einrückung aus dem Blockquote-Element zu entfernen:
<html>
<head>
<style>
blockquote {
margin-left: 0;
}
</style>
</head>
<body>
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
</body>
</html>
Try it Yourself »
Verwandte Seiten
HTML-DOM-Referenz: Blockquote-Objekt.
Standard-CSS-Einstellungen
Die meisten Browser zeigen das Element <blockquote> mit den folgenden Standardwerten an:
Beispiel
blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
Try it Yourself »
