Stil mit {stil}

Aug 2007

HTML-Tag <blockquote> ... </blockquote> • Langes Zitat

blockquote setzt einen Textblock vom Rest des Texts ab. Die genaue Darstellung bestimmt der Browser. In der Regel wird der Text in <blockquote> rechts und links eingerückt und kursiv gerendert. Vor und nach dem bockquote-Element gibt es einen Zeilenumbruch. Innerhalb eines <blockquote>-Tags können beliebige andere HTML-Tags stehen – auch <cite>- und <q>-Tags – und der Text kann durch <b>/<strong>- und <i>/<em>-Tags weiter formatiert werden.

Auf jeden Fall aber muss der Inhalt des blockquote-Elements in ein Blockelement wie p oder div gesetzt werden. Flacher Text ist innerhalb des blockquote-Elements nicht erlaubt.

Es wird empfohlen, das <blockquote>-Tag für lange Zitate und das <cite>-Tag für kurze Zitate zu benutzen.

Attribute für blockquote

cite

URL als Quelle des Zitats.

Der Inhalt des Attributs cite wird nicht angezeigt, aber eine CSS-Regel kann die Quelle des cite-Attributs sichtbar machen.

Beispiel

blockquote:before { content: " " attr(cite) " "; }

<blockquote cite="http://de.wikipedia.org/wiki/Friedrich_Dürrenmatt"> 
   <p> Ergreife die Feder nur, wenn du müde bist <br />
   und keine Frage nach dem Stil dich berührt. <br />
   <br />
   - Dürrenmatt </p>
</blockquote>

Darstellung

Ergreife die Feder nur, wenn du müde bist
und keine Frage nach dem Stil dich berührt.

- Dürrenmatt

Attribute und Ereignisse für blockquote

Zum Seitenanfang