Sprache automatisch per Attributselektor zuweisen
Das lang-Attribut erlaubt es, die Sprache eines Elements auszuweisen. Es wird von Suchmaschinen, Screenreadern und allen Browsern unterstützt. Mittels CSS lässt sich die per lang-Attribut zugewiesene Sprache ganz einfach optisch kennzeichnen.
Um einen englischen Text in einem deutschen Text hervorzuheben verwendet man im Allgemeinen einen kursiven Schnitt. Um dies auch auf Webseiten automatisch umzusetzen, kann der folgende Attributselektor verwendet werden:
CSS:
*[lang="en"] { font-style: italic;}
XHTML:
<p lang="en">The quick brown fox jumps over the lazy dog.</p>
Werbeunterbrechung
Kommentare und Feedback (7)
Vorheriger Artikel: Toolbar für Webdesigner im Internet Explorer, nächster Artikel: Webdesign und Webdesign Tests mit Firefox
16.09.2005, 07:04
Doch welche Browser kappieren das denn?
16.09.2005, 07:12
In meinen Tests können das Firefox 1.0.6 und Opera 8.02 unter Windows und Safari 2.0.1, Omniweb 5.1.2, Firefox 1.5 Beta 1 und Camino 1.0a unter Mac OS X. Ich habe es hier ausprobiert (Achtung Baustelle) …
17.09.2005, 08:18
Ich wusste nicht dass Opera das auch kann, und wenn es die OSX Browser auch könen, dann bleibt ja eigentlich nur noch der IE, der damit nicht umgehen kann. Da das bei mir nur noch ca 40% der Leute benutzen ist das wirklich überlegenswert so etwas einzubauen. Danke für den Hinweis.
17.09.2005, 08:26
Die Besucher, die mit dem IE kommen, sehen dann halt keine Formatierung sondern normalen Text. Ich denke, das ist zu verschmerzen.
17.09.2005, 12:30
Bei mir Firefox 1.06 unter Windows funktionierts auch.
Baustelle? Was neues?
18.09.2005, 10:42
In XHTML sollte aber eigentlich xml:lang benutzt werden. Damit kommt aber als einziger mir bekannter Browser nur Firefox 1.5 klar. Ich hatte vor einiger Zeit auch mal eine Testseite dazu gemacht.
18.09.2005, 10:44
Hier noch mal der Link zur Testseite
@Manuela: Der Bug, dass nach der Vorschau alle Textile-Links in richtige Links umgewandelt werden und dann nach dem Posten verschwinden, ist immer noch drin :-(