HTML/Textstrukturierung/blockquote

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mithilfe des Elements blockquote können Sie Zitate von Fremdautoren in einem eigenen, anders formatierten (zumeist eingerückten) Absatz hervorheben. Die Bezeichnung des Elements ergibt sich aus quote, englisch für Zitat und der Tatsache, dass es sich um ein Blockelement handelt.

Sie nehmen dabei jedoch lediglich eine logische, inhaltliche Auszeichnung vor. Wie diese Absätze genau formatiert werden, bestimmt letztlich der Web-Browser. Die Vorgabe ist jedoch, solche Absätze auffällig und vom übrigen Text unterscheidbar anzuzeigen.

  • IE 1
  • Opera 5.12
  • Firefox 1.0
  • Konqueror 3.1
  • Safari 1.0
  • Chrome 4
  • HTML 2.0
  • XHTML 1.0
  • HTML5
<!doctype html> <html> <head> <meta charset=utf-8> <title>Zitate definieren</title> </head> <body> <h1>Franz Kafka</h1> <p>Über die Krähen und den Himmel schreibt Franz Kafka:</p> <blockquote> <p> Die Krähen behaupten, eine einzige Krähe könne den Himmel zerstören; das ist zweifellos, beweist aber nichts gegen den Himmel, denn Himmel bedeutet eben: Unmöglichkeit von Krähen. </p> </blockquote> </body> </html>
<blockquote> leitet einen eigenen Absatz für Zitate ein. </blockquote> beendet den Absatz.
Beachten Sie: In den strict-Varianten von HTML/XHTML muss der Inhalt des Elements zusätzlich von einem Block-Element, beispielsweise einem Text-Absatz, umschlossen sein.

[Bearbeiten] Quellenangaben

Verwenden Sie das Attribut cite um eine online-Quelle anzugeben.

Beispiel
<blockquote cite="http://selfhtml.org/impressum.html"> SELFHTML wird durch den Verein SELFHTML e.V. vertreten. Der Verein ist am 15.03.2005 unter der Nummer VR 5857 vom Amtsgericht Dortmund in das dortige Vereinsregister eingetragen worden. </blockquote>

[Bearbeiten] Zitate mit CSS formatieren

Wie Zitate und Adressen genau dargestellt werden, darauf haben Sie mit HTML keinen Einfluss. Die Browser benutzen Default-Formatierungen. Mit Stylesheets (CSS) können Sie solche Elemente jedoch nach Wunsch formatieren. Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang z.B. folgende CSS-Eigenschaften:

<!doctype html> <html> <head> <title>Zitate und Adressen mit CSS formatieren</title> <style> blockquote { padding: 10px; border: thin solid blue; } address { color: blue; } </style> </head> <body> <h1>Zitat und Adresse</h1> <blockquote> Klarheit ist, wenn man so will, nur die anschaulichere Variante der Wahrheit. </blockquote> <address>Brigitte Beispiel, beispiel@example.org</address> </body> </html>
Das blockquote-Element erhält einen dünnen durchgezogenen blauen Rahmen und der Text darin einen Innenabstand von 10 Pixeln. Das address-Element erhält eine blaue Schriftfarbe.

[Bearbeiten] siehe auch

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Hilfe
SELFHTML
Diverses
Werkzeuge
Flattr
Soziale Netzwerke