HTML `<blockquote>`-Element

Das <blockquote>-Element wird verwendet, um lange Zitate innerhalb des Dokuments zu definieren. Browser ziehen <blockquote>-Elemente in der Regel ein.

Eine URL für die Zitatquelle kann mit dem cite-Attribut angegeben werden, während eine textliche Anzeige der Quelle mit dem <cite>-Element erfolgen kann.

Dies ist ein Blockelement und kann Tags zur Textformatierung enthalten.

Das <blockquote>-Element wird innerhalb des <body>-Elements platziert.

Sie können die margin-right und/oder margin-left Eigenschaften oder die Kurzschreibweise margin verwenden, um die Einrückung des zitierten Textes anzupassen.

TIP

Für kurze Zitate in einem Dokument verwenden Sie das <q>-Element.

Syntax

Das <blockquote>-Element wird immer in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<blockquote>) und dem schließenden (</blockquote>) Tag geschrieben.

Beispiel für das HTML `<blockquote>`-Element:

HTML <blockquote>-Element

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
  </body>
</html>

Try it Yourself »

Ergebnis

blockquote exemple

Beispiel für das HTML `<blockquote>`-Element in Kombination mit dem `<q>`-Element:

Beispiel für das HTML <blockquote>-Element mit dem HTML <q>-Element

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p> A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
    <q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
  </body>
</html>

Try it Yourself »

Attribute

Attribut	Wert	Beschreibung
cite	URL	Gibt die Quelle des Zitats an. Der Wert kann eine relative oder absolute URL sein.

Das <blockquote>-Element unterstützt auch die Globalen Attribute und die Ereignisattribute.

So stylen Sie ein HTML <blockquote>-Element

json

{
    "tag_name": "blockquote"
}

Praxis

Was ist der Zweck und die Verwendung des HTML <blockquote>-Elements?

Es wird verwendet, um einen hervorgehobenen Abschnitt in einem HTML-Dokument zu erstellen.Es wird zur Erstellung geordneter Listen in HTML-Dokumenten verwendet.Das <blockquote>-Element wird zum Einbetten einer externen Anwendung oder interaktiven Inhalts in das HTML-Dokument verwendet.Es wird zur Kennzeichnung von Zitatabschnitten aus einer anderen Quelle im HTML-Dokument verwendet.Das <blockquote>-Element wird verwendet, um einen Abschnitt zu kennzeichnen, der aus einer anderen Quelle in einem HTML-Dokument zitiert wurde, und schließt den zitierten Text ein.

HTML <blockquote>-Element ​

Syntax ​

Beispiel für das HTML <blockquote>-Element: ​

Ergebnis ​

Beispiel für das HTML <blockquote>-Element in Kombination mit dem <q>-Element: ​

Attribute ​