Met HTML5 kan meer structuur aangebracht worden in een website. De nieuwe tags en attributen van HTML5 laten de browser toe te weten wat belangrijke inhoud is, wat slechts bijkomstige informatie is enz.

Gebruik in de opdracht enkel tags en attributen die uitgelegd werden in HTML5-structuurelementen - je vindt deze ook terug op de API. Enkel indien er expliciet gevraagd wordt om iets op te zoeken, mag/moet je andere tags/attributen gebruiken.

  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 aankoopformulier (aankoopformulier.html)
    • een interne link (= verwijzing naar een ander deel van de huidige pagina index.html), bijvoorbeeld naar de playlist.
  2. Zorg dat een zoekmachine de datum van de realisatie van deze website kan herkennen (gebruik een hardgecodeerde datum in maart 2026). Voeg de juiste tag en bijhorend attribuut toe onderaan je webpagina. Meer informatie vind je onderaan in HTML5 structuurelementen.
  3. Breng de hoofdstructuur aan in het body-element met de elementen headermainfooter:
    • header: bevat de eerste hoofding (met naam van je tweedehandswebsite en jouw eigen na(a)men), de afbeelding en het navigatiemenu.
    • main: bevat alle eigenlijke inhoud van de webpagina.
    • footer: bevat de datum die je hierboven toevoegde en het adres uit puntje 11 van verplichte HTML-elementen.
  4. Deel de inhoud binnenin main op in logische gehelen. Daarvoor gebruik je minstens twee keer de tag section.
  5. Voeg bij de afbeelding bovenaan de tags figure en figcaption toe, om de figuur te omsluiten en een bijschrift toe te voegen.
  6. Minstens één section bevat een eigen footer met daarin een mailto-link waarmee bezoekers vragen kunnen stellen over een product. Meer info Link naar email.
  7. Gebruik minstens één keer het element mark om een deel van de tekst te markeren.