Structuur

Bekijk de animatie:

De plaats waar de structuurelementen geplaatst worden staat niet vast.
Web developers kunnen de elementen plaatsen waar zij zelf willen om de website die ze bouwen zo mooi of functioneel mogelijk te maken.

Stel we maken gebruik van het element header. In de header van de webpagina nemen we een afbeelding van een logo op. In het body-gedeelte van de webpagina staat dan:

<header>
      <img src="afb/logo.jpg" alt="afbeelding van een logo">
</header>

In het stijlblad kunnen we opmaak van de header verder beschrijven. Ergens in het CSS-bestand zal dan staan:

    header
   {

   }

Tussen de accolades geven we in het CSS-bestand aan hoe de lay-out van de header van de webpagina eruit moet komen te zien. Bijvoorbeeld welke achtergrondkleur we gebruiken.

    header
   {
       background-color: blue;
   }

Voor het aanbrengen van structuur in HTML-documenten werd in het verleden vaak gebruik gemaakt van het div-element. Div is de afkorting van division. Alles wat in de broncode wordt geplaatst tussen de begintag <div> en de eindtag </div> wordt als een blok bij elkaar gehouden.

Het is niet verboden om ook in HTML5 gebruik te maken van het div-element.
In sommige gevallen kan dat niet anders. Probeer als het kan de nieuwe structuurelementen te gebruiken.