Hannes KraeftDozent für Mediengestaltung & -produktion

Navigation | HTML-Grundlagen

Barrierefreiheit: Orientierungshilfe

Die current-Klasse wandert von Seite zu Seite durch die Listenlelmente der Navigation. Bei einem Content Management System stellen gute Templates diese u.ä. Klassen automatisch bereit.

<style type="text/css">
.current a { color:red;}
</style>

          <ul>null    <li id="link0"><a href="meine_seite.html?x=0">null</a></li>
eins    <li id="link1"><a href="meine_seite.html?x=1">eins</a></li>
zwei    <li id="link2"><a href="meine_seite.html?x=2">zwei</a></li>
drei    <li id="link3"><a href="meine_seite.html?x=3">drei</a></li>
vier    <li id="link4" class="current"><a href="meine_seite.html?x=4">vier</a></li>
          </ul>

Bitte ausprobieren! Listenelemente anklicken.