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.

Anmeldung Haben Sie Ihre persönlichen Daten vergessen?