Die Evolution des Navigationsmenü-Markups

Ist schon interessant, wie sich die Bräuche bezüglich des Markups für Navigationsmenüs verändert haben (und verändern werden). Die Jahreszahlen sind Pi-Mal-Daumen-Werte aus'm Kopf:

1995:

<a href="page1.html">Seite 1</a> <a href="page2.html">Seite 2</a> <a href="page3.html">Seite 3</a> <a href="page4.html">Seite 4</a>

1997:

<a href="page1.html"><img src="/img/irgensonegrafik1.jpg" width="200" height="80" alt=""></a><br>
<a href="page2.html"><img src="/img/irgensonegrafik2.jpg" width="200" height="80" alt=""></a><br>
<a href="page3.html"><img src="/img/irgensonegrafik3.jpg" width="200" height="80" alt=""></a><br>
<a href="page4.html"><img src="/img/irgensonegrafik4.jpg" width="200" height="80" alt=""></a>

2003:

<ul>
  <li><a href="page1.html">Seite 1</a></li>
  <li><a href="page2.html">Seite 2</a></li>
  <li><a href="page3.html">Seite 3</a></li>
  <li><a href="page4.html">Seite 4</a></li>
</ul>

2010:

Aus XHTML 2 vs. HTML 5 - I'm Mike (via Schockwellenreiter)

XHTML 2.0

<nl>
  <label>Kategorie</label>
  <li href="/Seite1.html">Seite 1</li>
  <li href="/Seite2.html">Seite 2</li>
  <li href="/Seite3.html">Seite 3</li>
  <li href="/Seite4.html">Seite 4</li>
</nl>

HTML 5

<nav>
  <h1>Kategorie</h1>
  <ul>
    <li><a href="/Seite1.html">Seite 1</a></li>
    <li><a href="/Seite2.html">Seite 2</a></li>
    <li><a href="/Seite3.html">Seite 3</a></li>
    <li><a href="/Seite4.html">Seite 4</a></li>
  </ul>
</nav>
Defined tags for this entry: , ,
das Ç - logo von Alp Uçkan