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;
}