Zitieren mit Q

Q kennen Sie wahrscheinlich als trickreichen Erfinder aus James Bond Filmen oder als gelangweiltes Überwesen vom Raumschiff Voyager. Webworker sollten noch eine dritte Variante kennen.

Der HTML 4.0 Tag <q> dient als logische Textauszeichung für Zitate. Q leitet sich in diesem Fall von dem englischen Wort “Quote” für Zitat ab.

Das Gute der Textauszeichnungen ist, dass sie nicht nur Seiten logisch gliedern, sondern ihr Erscheinungsbild mittels CSS individuell festgelegt werden kann. Und genau das sollte auch mit dem <q>-Tag möglich sein.

Eigentlich müsste eine mit <q> formatierte Textpassage in Anführungszeichen erscheinen, so geziemt es sich für Zitate. In dieser Praxis ist das leider nicht immer so.

Machen wir einen Test. Dieser Satz ist nämlich ein Zitat.

Vielleicht erkennen Sie nichts Besonderes. Weshalb viele wohl dazu neigen würden, selbst die Anführungszeichen zu setzen und auf den speziellen Tag verzichten.

Das ist schade, weil dabei die logische Struktur flöten geht. Moderne Browser wissen durchaus etwas mit <q> anzufangen. Der Internet Explorer auch in der neuesten Version gehört leider nicht dazu, obwohl er diesen Tag kennt.

Wichtig ist: das Erscheinungsbild der Anführungszeichen kann via CSS beeinflusst werden, schließlich gibt es ganz verschiedene Zeichen für den selben Zweck. Zum Beispiel diese:

 Q {}
 Q { quotes: '»' '«'
}
 Q { quotes: '„' '“' }

Im Browser sollte das dann so aussehen: Live Demo

Vielfältig Zitieren mit <q>

Da es Probleme mit den Zeichensätzen geben kann, können diese auch numerisch (siehe weiter unten) dargestellt werden. Es besteht sogar die Möglichkeit, Zitatzeichen je nach Landessprache darzustellen. Ein W3C Beispiel dazu sieht folgendermaßen aus:

      :lang(fr)
> Q { quotes: '« ' ' »' }
 :lang(de) > Q { quotes: '»'
'«' '39' '3A' }

Weitere Beiträge:

• 5 Ideen wie Sie wiederkehrende Arbeitsschritte & Marketingprozesse gewinnbringend im Internet automatisieren! Ein Gastbeitrag von Robert Nabenhauer.
• Wachstum durch Facebook-Gewinnspiele: Wie Sie über Facebook virale Gewinnspiele & eine schnell wachsende Fangemeinde aufbauen
• Wie Sie aufmerksamkeitsstarke Prelaunch-, Launch- und Relaunch-Szenarien aufbauen und dabei Viralität, Spannung & Kaufkraft erzeugen
• Wie Sie waschechte Iphone-Apps mit PhoneGAP entwickeln, um am lukrativen App-Markt mitzumischen
• Wie Sie Ihr Shop-Sortiment so präsentieren, dass der Kunde in Zukunft mehr findet und eher kauft! Ein Gastbeitrag von Nicolas Schmidt-Voigt.
• 11 faszinierende BuddyPress-Plugins, um kostenlos aus WordPress ein soziales Netzwerk zu zaubern
• Die Vorboten einer neuen Internet-Industrie! Ein exklusiver Rückblick & Blick hinter die Kulissen der Clickbank-Exchange 2011 in New York.