Abkürzungen sorglos drucken

Gemäß HTML- und XHTML-Spezifikation stehen zur semantischen Hervorhebung von Abkürzungen und Akronymen die korrespondierenden Elemente abbr und acronym zur Verfügung, deren Sinn man mittels Tooltip veranschaulichen kann. Wir zeigen, wie es auch im Ausdruck klappt.

 <acronym
title="World Wide Web Consortium">W3C</acronym>

Druckt man die entsprechende Seite aus, bleibt nur ein für Unbedarfte sinnleeres “W3C” stehen. Mit CSS ist es über folgenden Selektor und die zugehörige Deklaration aber möglich, auch den Wert des title-Attributs auszugeben, vorausgesetzt, der entsprechende print-Medientyp wird verwendet:

      acronym[title]:after
{
content: ' (' attr(title) ')';
}

Der Attributsselektor [title] stellt hierbei sicher, dass title wirklich definiert wurde, andernfalls würde die Deklaration nicht angewandt. Nun erhält man, sofern man einen halbwegs neuen Browser von Opera oder einen Mozilla-Abkömmling nutzt, die aussagekräftigere Druckversion:

W3C (World Wide Web Consortium)

Setzt man auch das im zukünftigen XHTML 2.0 im Gegensatz zu acronym vermutlich weiterhin erlaubte abbr-Element ein, braucht man beide Selektoren lediglich zu gruppieren, um die Deklaration für beide Elemente den gewünschten Effekt haben zu lassen:

      acronym[title]:after,
abbr[title]:after {
content: ' (' attr(title) ')';
}

Selbstredend ist diese Methode beliebig einsetz- und veränderbar. Auf Seiten mit starkem Gebrauch von Abkürzungen empfiehlt es sich außerdem, die Bedeutung jeder Kurzform nur einmal zu erklären, soll bei lauter umklammerten Erläuterungen noch etwas zu erkennen sein.

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.