HTML
rubrieken

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Zoeken…


Invoering

HTML biedt niet alleen gewone alineatags, maar zes afzonderlijke koptags om koppen van verschillende grootten en diktes aan te geven. Opgesomd als kop 1 tot en met kop 6, kop 1 heeft de grootste en dikste tekst, terwijl kop 6 de kleinste en dunste is, tot op het niveau van de alinea. Dit onderwerp beschrijft het juiste gebruik van deze tags.

Syntaxis

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

Opmerkingen

  • Een element h1 - h6 moet zowel een starttag als een eindtag hebben. 1

  • h1 - h6 elementen zijn standaard blokniveau-elementen (CSS-stijl: display: block ). 2

  • h1 - h6 elementen moeten niet worden verward met het sectie-element

  • Richtingstags ( h1 - h6 ) zijn niet gerelateerd aan de head tag.

  • Toegestane inhoud: phrasing content

  • De verschillende CSS-stijlen voor koppen verschillen meestal in font-size en margin . De volgende CSS-instellingen voor h1 - h6 elementen kunnen als oriëntatie dienen (door de W3C als 'informatief' gekenmerkt)

  • Zoekmachine spiders (de code die een pagina aan een zoekmachine toevoegt) besteedt automatisch meer aandacht aan een hoger belang (h1 heeft de meeste, h2 heeft minder, h3 heeft zelfs minder, ...) koppen om te onderscheiden waar een pagina over gaat.

Koppen gebruiken

Koppen kunnen worden gebruikt om het onderwerp te beschrijven waaraan ze voorafgaan en ze worden gedefinieerd met de tags <h1> tot <h6> . Koppen ondersteunen alle globale kenmerken .

  • <h1> definieert de belangrijkste kop.
  • <h6> definieert de minst belangrijke kop.

Een kop definiëren: 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Juiste structuur is belangrijk

Zoekmachines en andere user-agents indexeren meestal pagina-inhoud op basis van kopelementen, bijvoorbeeld om een inhoudsopgave te maken, dus het is belangrijk om de juiste structuur voor koppen te gebruiken.

Over het algemeen moet een artikel één h1 element hebben voor de hoofdtitel, gevolgd door h2 ondertitels - indien nodig een laag naar beneden. Als er h1 elementen op een hoger niveau zijn, mogen deze niet worden gebruikt om inhoud op een lager niveau te beschrijven.

Voorbeelddocument (extra intentie om hiërarchie te illustreren): 

<h1>Main title</h1>
<p>Introduction</p>

    <h2>Reasons</h2>

        <h3>Reason 1</h3>
        <p>Paragraph</p>

        <h3>Reason 2</h3>
        <p>Paragraph</p>

    <h2>In conclusion</h2>
    <p>Paragraph</p>


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow