Een navigatiemenu maken middels een unordened list

Een website navigatiemenu maken middels een unordened list

Een uitstekende manier voor het maken van een website navigatiemenu is dat je gebruik maakt van een zogenaamde “unordered list” (ongeordende lijst).
Deze “unordened list” geeft overzichtelijke broncode en kan worden voorzien van zoekwoorden, wat voor de indexatie in Google een pre is. Middels de stylesheet kun je de vormgeving van je menu bepalen.

Voorbeeld code menu met unordened list

De code van een menu middels een unordened list ziet er bijvoorbeeld als volgt uit;

Voorbeeld code horizontaal menu

Op de website zie je dan dit als resultaat

Om dit menu nu verder vorm te geven gebruiken we de css (stylesheet). Zo maken we van dit verticale menu een horizontaal navigatiemenu, en geven we het menu wat kleur mee.
De unordened list heeft een eigen id gekregen (id=”navigatiemenu-voorbeeld”). Deze plaatsen we in de stylesheet.