Stil mit {stil}

Nov 2009

HTML-Tag <q> ... </q> • Text in Anführungszeichen oder Hochkommas setzen

Das <q>-Tag setzt einen ausgewählten Textblock und stellt ihn eingeschlossen in oben stehenden, doppelten Anführungszeichen dar. Anders als das <blockquote>-Tag führt <q> nicht zu einem Zeilenumbruch. q-Elemente sind also Inlineelemente.

Gedacht ist das Tag nicht nur für Zitate, sondern auch für die Verwendung in generierten Inhalten, die in Hochkommas verschachtelt werden müssen. Zu diesem Zweck soll das <q>-Tag durch Stylesheets unterschiedliche "Sorten" von führenden und schließenden Kommapaaren erzeugen.

Sinnvoll wäre der Einsatz des <q>-Tags auch in mehrsprachigen Dokumenten, in denen der Einsatz sprachspezifischer Kommapaare wie schweizer typografische Anführungszeichen oder deutsche typgrafische Anführungszeichen durch das lang-Attribut des HTML-Dokuments entschieden werden könnte.

Das <q>-Tag wird von Internet Explorer 6/7 nicht unterstützt; erst IE8 erkennt das q-Tag.

Beispiel Typografische Anführungszeichen

Im Stylesheet:

<style type="text/css">
html[lang="de"] q { quotes: "»" "«" }
q:lang(de) { quotes: "»" "«" }
</style>

Und im body des Dokuments:

<p>Sein Ratschlag lautete <q>Ergreife die Feder nur, 
wenn Du müde bist!</q>. </p>

Darstellung

Sein Ratschlag lautete Ergreife die Feder nur, wenn Du müde bist!.

Und so sollte es aussehen, wenn der Browser das <q>-Tag und den dazugehörenden CSS-Stil quotes unterstützt:

Safari 4 erkennt zwar das q-Tag, aber nicht den Stil quotes.

Attribute für q

cite

Referenz auf eine URL als Quelle der Anführungzeichen. Nur wenige Browser erkennen dieses Attribut.

Zum Seitenanfang