HTML-Hilfe

Fremdwörter und Abkürzungen sind eine Plage für die, die sich in dem Fachgebiet nicht auskennen. Die HTML-Syntax hat dafür einen Tag bereitgestellt, den moderne Browser interpretieren können: <acronym>. Ich habe dieses benutzt, um Fachbegriffe und Acronyme zu erklären.

Unter einigen Wörtern dieser Seiten befindet sich eine dunkelrote gepunktete Linie. Fährt man mit der Maus darüber, erscheint eine kurze Erklärung neben dem Mauszeiger. Diese Linie habe ich so gestaltet, daß sie sich deutlich von einem normalen Hyperlink unterscheidet.

Wie wird das gemacht?
Ganz einfach mit CSS. Im Stylesheet ist folgendes definiert:

 acronym  {
   border-bottom: 1px dotted red;
   cursor: help;
 }

und im HTML der Seite dann

 mit der <acronym title="Ein Nagetier">Maus</acronym> ...

Die Idee dazu fand ich erstmals auf den auch ansonsten lesenswerten Seiten von A List Apart, dem Online Magazin "for people who make websites". Und Dr. Web hat den Tipp auch auf deutsch gebracht.