(page) REDIGERET 9 September 2009 • by admin

Navigation

Links syntaks

Edited 7 September 2009 • admin TOC • be the first to comment 
<!--Link til relativ adresse-->
    <a href="om_mig.html">OM MIG</a>
<!--Link til absolut adresse-->
    <a href="http://google.com">GOOGLE</a>
<!--Link til mail adresse-->
    <a href="mailto:din@adresse.dk">EMAIL</a>
<!--Link på billede-->
    <a href="index.html">
        <img src="billeder/homeknap.gif" alt="knap til home" /></a>
 
<!--Link til "punkt-1" på samme side, (fx. indholdsfortegnelse) -->
    <a href="#punkt-1">PUNKT 1</a>
<!--Der forudsættes et Anchor-id længere nede på siden -->
    <a id="#punkt-1"> </a>

Overskuelighed i navigationen

Edited 7 September 2009 • admin TOC • be the first to comment

Bruger skal så hurtigt og så intuitivt som muligt have overblik over indholdet.

  • HVOR er man nu / HVAD ser man nu
  • HVOR kan man gå hen / HVAD ellers kan man se

En tydelig forskel på global menu og lokal menu

Breadcrumbs
fx. overskriften på denne site, hjælper med at kunne finde tilbage og giver forståelse for opbygningen.

You-are-here funktionalitet
En fremhævning af det aktuelle menu-punkt, det man er på lige nu.
Eksempel: På siden tilføjes den tilsvarende link en class=”selected”, som derefter styles anderledes end de andre links.

Artikler:
Hvorfor lister kan være gode til links:
w3.org/QA/Tips/unordered-lists

Styling af menuer med lister

Listamatic