Sedert HTML5 kunnen we meer structuur aanbrengen. De nieuwe tags en attributen van HTML5 laten de browser toe te weten wat belangrijke inhoud is, wat slechts bijkomstige informatie is enz.

Bekijk vooraf HTML5-structuurelementen1 en zoek meer informatie op over de elementen (zie HTML Tutorial2).

  1. Voeg een navigatiemenu toe (nav). Dit navigatiemenu bevat een ongeordende lijst met minstens drie items:
    • een hyperlink naar de huidige pagina (index.html)
    • een hyperlink naar het inschrijfformulier (inschrijfformulier.html)
    • een interne link (= verwijzing naar een ander deel van de huidige pagina index.html), bijvoorbeeld naar de paklijst.
  2. Breng de hoofdstructuur aan in het body-element met de elementen header, main, footer:
    • header: bevat de eerste hoofding (met bestemming van je uitstap/reis en jouw eigen naam), de afbeelding en het navigatiemenu.
    • main: bevat alle eigenlijke inhoud van de webpagina.
    • footer: bevat jouw naam en de datum van realisatie (hardgecodeerd). Zorg dat een zoekmachine de datum kan herkennen. In HTML5 structuurelementen3 kan je het structuurelement opzoeken dat voor een ‘tijd’ kan gebruikt worden. Zoek dan verder in de HTML Reference4 hoe je de voor een ‘tijd’ ook de datum van je realisatie kan toevoegen.
  3. Deel de inhoud binnenin main op in logische gehelen. Daarvoor gebruik je minstens twee keer de tag section.
  4. Voeg bij de afbeelding bovenaan de tags figure en figcaption toe om de figuur te omsluiten met een bijschrift.
  5. Minstens één section bevat een eigen voettekst (footer) met daarin een hyperlink naar een externe bron.
  6. Gebruik minstens één keer het element strong om een deel van de tekst te benadrukken.