# HTML5 Navigation einer Webseite

## Die Navigation als ungeordnete Liste

Die Navigation ist mit Vorteil als ungeordnete Liste zu konzipieren. Also ul > li a, somit ist eine vernünftige Struktur auch ohne CSS gewährleitet.

## Das Grundgerüst

    <nav role="navigation">
      <ul>
        <li><a href="../index.html">Home</a></li>
        <li><a href="semantik.html">Semantik</a></li>
        <li><a href="formulare.html">Formulare</a></li>
      </ul>
    </nav>

## Einfaches CSS der Navigation

Das Beispiel hier in der Navigation dieses Beispiels.

Navigationen mit Unternavigations-Punkte finden Sie als weiteres Beispiel auf meinem Git Server

    nav li{
      display: inline;
      line-height: 160px;
      margin-left: 20px;
    }
    nav a:link, nav a:visited{
      color: #fff;
      text-decoration: underline;
    }
      nav a:hover{
      color: #e01a4b;
      text-decoration: none;
    }