HTML Erste Schritte – Lektion 9 – Erstellung eines Menüs

Das Hauptbestandteil einer Website ist das Menü (Navigation). Über dieses erfolgt die Navigation zu den verschiedenen Seiten der Website. Außerdem ist das Menü wichtig für die Indexierung durch Suchmaschinen, da ohne Verbindungen zwischen den Seiten die Suchmaschine nicht alle Seiten erreichen kann. Schauen wir uns an, woraus ein Menü besteht.

Für Menüs verwendet man üblicherweise eine ungeordnete Liste (Tags ul, li). So ist jeder Menüpunkt ein Listenelement:

...
<ul>
  <li></li>
  <li></li>
</ul>
...

Innerhalb des li-Tags werden normalerweise Links zu Seiten eingefügt:

...
<ul>
  <li>
    <a href="page1.html">Erste Seite</a>
  </li>
  <li>
    <a href="page2.html">Zweite Seite</a>
  </li>
</ul>
...

Oft werden auch Klassen und IDs für das Menü und seine Punkte vergeben:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Erste Seite</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Zweite Seite</a>
  </li>
</ul>
...

Beachten Sie auch, dass die verlinkten Seiten (page1.html, page2.html) existieren müssen, sonst weiß der Browser nicht, wohin er Sie senden soll.