Was immer Ihr zum Thema Performance wissen wolltet, hier steht es drin. Ein toller Artikel von Frank Bueltge im Upload-Magazin.
Gut geschrieben, technisch umfassend und dabei ganz ohne Snakeoil.
Performance, Caching, PageSpeed: So macht man WordPress Beine
Pseudo-Klassen für Links geben den Nutzern wichtige Rückmeldungen beim Navigieren durch eine Seite.
Was a:hover bedeutet, weiss jeder, der mal die Nase an eine CSS-Datei gehalten hat. Die Pseudo-Klassen a:visited, a:focus und a:active sind weit weniger bekannt. Mir war jedenfalls lange nicht klar, was die Angaben genau bewirken.
Über den Selektor a spricht man im CSS einen Link an, mit a:hover lässt sich dem Link ein Effekt mitgeben, der auftritt, sobald die Maus drüberfährt. In Beispiel unten ändert sich die Farbe des Links von Rot in Blau.
a {color: red;}
a:hover {color: blue;}
For the record: Auf Touch-Geräten funktioniert der hover-Effekt nicht.
In manchen CSS-Dateien findet man die Schreibweise a:link {…} anstatt von a {…}.
Die Pseudo-Klasse a:link bezieht sich auf Anchor-Elemente, die ein href-Attribut haben. Was ein bisschen sinnfrei ist, denn dieses Attribut sollte jeder Link haben. Ein Link ist – ein Link und verweist immer auf eine interne oder externe URL.
Wenn nur eine Aktion durch Anklicken ausgelöst werden soll, ist button das Tag der Wahl. Ein Button triggert eine JavaScript-Aktion oder ist Teil eines Formulars.
Wer korrektes HTML pflegt, kann also getrost a statt a:link schreiben.
Weiterlesen Pseudo-Klassen a:visited, a:hover, a:focus und a:active