HTML-<blockquote> Tag

Definition und Verwendung

<blockquote> Tag regelt Teile, die aus anderen Quellen zitiert werden.

Browser fügen normalerweise Einzug hinzu <blockquote> Element (siehe untenstehendes Beispiel, um zu erfahren, wie man den Einzug entfernt).

Detaillierte Erklärung

<blockquote> Tag definiert ein Blockzitat.<blockquote> mit </blockquote> Alle Texte zwischen diesen Tags werden aus dem normalen Text abgesetzt und werden oft links und rechts eingerückt (externer Abstand erhöht) und manchmal kursiv dargestellt. Das bedeutet, dass Blockzitate ihren eigenen Raum haben.

Hinweis:Verwenden Sie <q>-Tag um innere (kurze) Zitate zu machen.

Weitere Informationen:

HTML DOM Referenzhandbuch:Blockquote-Objekt

Beispiel

Beispiel 1

Zitate aus anderen Quellen:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Seit 50 Jahren kämpft die WeltNaturschutzStiftung (WWF) für die Zukunft der Natur.
Als führende Schutzorganisation der Welt arbeitet der WWF in 100 Ländern und erhält die Unterstützung von 1,2 Millionen Mitgliedern in den USA und fast 5 Millionen Menschen weltweit.
</blockquote>

Try It Yourself

Beispiel 2

CSS wird verwendet, um den Einzug des blockquote-Elements zu entfernen:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Dies ist ein Zitat von der Website der WeltNaturschutzStiftung:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Seit 50 Jahren kämpft die WeltNaturschutzStiftung (WWF) für die Zukunft der Natur.
Als führende Schutzorganisation der Welt arbeitet der WWF in 100 Ländern und erhält die Unterstützung von 1,2 Millionen Mitgliedern in den USA und fast 5 Millionen Menschen weltweit.
</blockquote>
</body>
</html>

Try It Yourself

Attribute

Attribute Value Description
cite URL Specifies the source of the citation.

Global Attributes

<blockquote> The tag also supports Global Attributes in HTML.

Event Attributes

<blockquote> The tag also supports Event Attributes in HTML.

Default CSS Settings

Most browsers will display the following default values <blockquote> Element:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Try It Yourself

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support