• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Referenzinstallation FAU Design
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Suche öffnen
  • Campo
  • StudOn
  • FAUdir
  • Stellenangebote
  • Lageplan
  • Hilfe im Notfall
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Referenzinstallation FAU Design
Menu Menu schließen
  • Texte
    • Überschriften
    • Absatzklassen
    • Tabellen
    • Listen
    • Textelemente
    • Blockquotes und Zitate
    • Symbole aus Font Awesome
    • Formularfelder
    • Code und Pre
    • Test: Standard-Template mit Default WordPress Textstyles
    Portal Texte
  • Bilder
    • Bildpositionierungen
    • Bildpositionen in der Seite
    • Bildpositionen im Beitrag
    • Galerie
      • Bildergalerie ohne Dots
      • Bildergalerie als Grid
      • Bildergalerie mit vielen Bildern
    Portal Bilder
  • Plugins
    • Elements
    • RRZE-Video
    • Plugin Bluesky
    • FAU oEmbed
    • Contact Form 7
    • Downloads
    • Plugin FAUdir
    • FAU Person
    • RRZE-UnivIS
    • RRZE-FAQ
    • RRZE Jobs
    • Plugin Mein Studium
    • Public Display Beispiel
    • Plugin FAU-CRIS
    Portal Plugins
  • Tests
    • Test: Standard-Template mit Default WordPress Textstyles
    • Tutorials
    • Komplexe Testseite
    • Smileys
    • Templates
      • Startseite Lehrstuhl
      • Startseite
      • Portalindex
      • Portalseite
    • Unterseite des Portals Test mit einem etwas längeren Titel. Manche wollen das ja so…
    • Beispiel-Seite mit Page Break
    • Seite mit h2 zu Beginn und Sidebar
    • WordPress oEmbed von WordPress-Seiten
    • Standard oEmbeds
    • Test Linklisten Sidebar
    • Shortcodes
      • Shortcode Spalten
      • Shortcode Portalmenu
      • Shortcode blogroll
      • Shortcode articlelist
      • Accordions
        • Accordion in Accordion
        • Accordions mit multimedialen Inhalten
        • Accordion auf Standardseite mit Sidebar rechts
      • Glossar
      • Synonyme
      • Organigramm
      • Shortcode Imagelink
        • CSS Klassen in Imagelinks
        • Imagelink Sizes
        • Imagelink Sizes bei Listendarstellung
    Portal Testfälle
  • Block Editor Testfälle
    • core/gallery
    Portal Block Editor Testfälle
  1. Startseite
  2. Texte
  3. Blockquotes und Zitate

Blockquotes und Zitate

Bereichsnavigation: Texte
  • Absatzklassen
  • Blockquotes und Zitate
  • Buttons
  • Code und Pre
  • Formularfelder
  • Listen
  • Symbole aus Font Awesome
  • Tabellen
  • Textelemente
  • Überschriften

Blockquotes und Zitate

Dies ist ein Blockquote.
Der Blockquote könnte ggf. wiederum Textformate enthalten. Oder Links.

Kursiver Text.
Fetter Text.
Durchstrichener Text.

Zitationsangabe mit <cite>. Mit einem Link.

Diese Seite testet den Gebrauch von Blockquotes und Zitaten im Textbereich und der Sidebar.

 

Blockquotes

Dies ist ein Blockquote.
Der Blockquote könnte ggf. wiederum Textformate enthalten. Oder auch Links.

Kursiver Text.
Fetter Text.
Durchstrichener Text.

Eigentlich sollte ein Blockquote keine Überschriften oder lange Absätze enthalten. Dennoch könnte das passieren:

Überschrift 1

Text unter Überschrift.

Überschrift 2

Text unter Überschrift.

Überschrift 3

Text unter Überschrift.

Überschrift 4

Text unter Überschrift.

Überschrift 5

Text unter Überschrift.

Überschrift 6

Text unter Überschrift.

Zitationsangabe mit <cite>. Mit einem Link.

Code

<blockquote>Dies ist ein Blockquote.
...
<cite>Zitationsangabe mit <cite>. Mit einem <a href="#">Link</a>.</cite></blockquote>

Zitationsangabe mit <cite> in normalen Text

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Blockquote ohne Quotes

Das Zitat „Ich bin Pirat und mir geht’s gut. Am Tag packt mich die Stehlenswut.“ kommt aus dem Holzfäller-Lied (Original Lumberjack Song) von Monthy Python.
Hier heißt es „Ich bin Holzfäller und mir geht’s gut. Am Tag packt mich die Arbeitswut.“

Wikipedia

Dies wird erreicht, indem der HTML-Tag blockquote um die Klasse „noquote“ ergänzt wird.

Code

<blockquote class="noquote">Dies ist ein Blockquote.
...
<cite>Zitationsangabe mit <cite>. Mit einem <a href="#">Link</a>.</cite></blockquote>

 

Blockquotes ohne Quotes werden insbesondere dann benötigt, wenn es darum geht, wissenschaftliche Formeln und ähnliches darzustellen. In diesen Fällen wäre ein Quotezeichen falsch:


Hilbert Transformation


Frobenius Matrix

 

Ebenso sind westeuropäische Quotezeichen nur bei westeuropäischen Texten sinnvoll.
Das folgende Beispiel zeigt dies bei chinesischen Text:

孤山寺北贾亭西
水面初平云脚低
几处早莺争暖树
谁家新燕啄春泥
乱花渐欲迷人眼
浅草才能没马蹄
最爱湖东行不足
绿杨阴里白沙堤

Code

<blockquote lang="cn">
孤山寺北贾亭西
水面初平云脚低
..
</blockquote>

 

  • Blog
  • Kontakt
  • Impressum
  • Barrierefreiheit
  • Datenschutz
  • BlueSky
  • Facebook
  • RSS Feed
  • Xing
  • YouTube
Nach oben