Beschrijvende markup: Kopregels

Voor kopregels heeft de webontwikkelaar de beschikking over de heading elementen: h1, h2, h3, h4, h5 en h6. De <h1></h1> tags worden gebruikt voor de belangrijkste kopregel(s) op een pagina, de <h2></h2> voor kopregels hieronder. Daaronder volgen kopregels met <h3></h3>, enzovoort.

De webontwikkelaar moet dus nagaan waar binnen de hiërarchie een kopregel thuishoort en de heading-elementen van overeenkomstig niveau te gebruiken.

Gebruik markup voor kopregels die de hiërarchie van de informatie op de pagina uitdrukken.

Richtlijn R-pd.3.2

Geen niveaus overslaan

Het is niet raadzaam om niveaus in de heading-hiërarchie over te slaan, zoals in het volgende voorbeeld.

In dit voorbeeld wordt de h2 kopregel overgeslagen (HTML)

<h1>Het laatste nieuws</h1>
<h3>Benzine twee cent duurder</h3>

Standaard wordt een h3 element kleiner weergegeven dan een h2 element en deze weergave is wellicht wenselijk, maar structureel is het inaccuraat. Door het gebruik van CSS (Cascading Style Sheets) kan het uiterlijk van een h2 element gewijzigd worden naar een meer bescheiden uiterlijk, zodat het structureel accuraat is en toch het gewenste visuele effect verkrijgt.

De W3C HTML 4.01 specificatie geeft geen regels tegen het overslaan van niveaus in de heading hiërarchie. ISO HTML daarentegen verbiedt het. Voor deze handleiding is, vanuit een praktisch oogpunt, besloten om het overslaan van niveaus te ontmoedigen, maar niet te verbieden.

Sla in de markup geen niveaus in de hiërarchie van kopregels over.

Richtlijn R-pd.3.3

Andere soorten kopregels

Naast de heading-elementen heeft men de beschikking over enkele andere elementen voor kopregels in bijzondere situaties. Hiertoe behoren onder andere caption voor tabellen en legend voor formulieren.

Referenties naar subonderwerpen

Het komt voor dat een pagina meerdere kopregels bevat. Men wil soms naar een specifiek onderdeel op deze pagina linken. Dit is mogelijk als aan elke kopregel een uniek anker wordt meegegeven.

Ankers aan kopregels geven (HTML)

<h2 id="cvb">Het college van bestuur</h2>

Er kan ook een uniek nummer worden gebruikt, zoals een (sub-)hoofdstuknummering. Bijvoorbeeld id="H3-2-4a". (Het id attribuut mag geen punten bevatten en moet beginnen met een letter, vandaar het gebruik van streepjes en de letter H)

Naar deze ankers kan vanaf andere pagina’s (maar ook op dezelfde pagina) gelinkt worden, zoals in het volgende voorbeeld.

Naar ankers linken (HTML)

<a href="http://overheid.nl/organisatie/indeling.html#cvb">

Het pro-actief aangeven van ankers in enkele kopregels van een pagina, vergroot de mogelijkheden om informatie te linken en verhoogt daardoor dus de bereikbaarheid van de informatie. Zie ook Links naar pagina-ankers.


 Webrichtlijnen versie 1.3, november 2007.