HTML-tags-referentie
De HTML-elementen die je het meest gebruikt, gegroepeerd op doel. Geef waar mogelijk de voorkeur aan semantische tags (zoals <nav> en <article>) boven generieke <div>s — ze verbeteren de toegankelijkheid en SEO. Gebruik de HTML-formatter om markup op te schonen.
Bijgewerkt 2026-07-06
Documentstructuur
| Tag | Waar het voor is |
|---|---|
| <html> | Wortel van het document |
| <head> | Metadata: title, link, script (niet zichtbaar op de pagina) |
| <body> | De zichtbare inhoud van de pagina |
| <title> | Paginatitel (browsertab, zoekresultaten) |
| <meta> | Metadata zoals charset, viewport en description |
| <link> | Link naar een externe bron, meestal een stylesheet |
| <script> | JavaScript insluiten of ernaar verwijzen |
| <style> | CSS in de pagina insluiten |
Tekst
| Tag | Waar het voor is |
|---|---|
| <h1>–<h6> | Koppen, van belangrijk naar minder belangrijk |
| <p> | Een alinea tekst |
| <a> | Een hyperlink (gebruikt href) |
| <span> | Inline-container zonder eigen betekenis |
| <strong> | Belangrijke tekst (standaard vet) |
| <em> | Benadrukte tekst (standaard cursief) |
| <br> | Een regeleinde |
| <hr> | Een thematische breuk (horizontale lijn) |
| <blockquote> | Een blokcitaat |
| <code> | Inline-code |
| <pre> | Voorgeformatteerde tekst (behoudt witruimte) |
Lijsten
| Tag | Waar het voor is |
|---|---|
| <ul> | Ongeordende (opsommings)lijst |
| <ol> | Geordende (genummerde) lijst |
| <li> | Een lijstitem |
| <dl> | Beschrijvingslijst (term/definitie-paren) |
Links & media
| Tag | Waar het voor is |
|---|---|
| <img> | Een afbeelding (gebruikt src en alt) |
| <video> | Ingesloten video |
| <audio> | Ingesloten audio |
| <svg> | Inline vectorafbeeldingen |
| <picture> | Responsieve afbeeldingen met meerdere bronnen |
| <iframe> | Een andere pagina in deze insluiten |
Formulieren
| Tag | Waar het voor is |
|---|---|
| <form> | Een formulier dat invoer verzamelt en verstuurt |
| <input> | Een invoer van één regel (tekst, checkbox, radio, enz.) |
| <textarea> | Een tekstinvoer over meerdere regels |
| <button> | Een klikbare knop |
| <select> | Een keuzelijst |
| <option> | Een item binnen een <select> |
| <label> | Een label voor een formulierbesturing (verbetert de toegankelijkheid) |
Tabellen
| Tag | Waar het voor is |
|---|---|
| <table> | Een gegevenstabel |
| <tr> | Een tabelrij |
| <td> | Een tabelcel |
| <th> | Een kopcel |
| <thead> | Groepeert de koprijen |
| <tbody> | Groepeert de body-rijen |
Semantische indeling
| Tag | Waar het voor is |
|---|---|
| <header> | Inleidende inhoud voor een pagina of sectie |
| <nav> | Een blok navigatielinks |
| <main> | De hoofdinhoud van de pagina (één per pagina) |
| <section> | Een thematische groepering van inhoud |
| <article> | Op zichzelf staande inhoud (een bericht, een kaart) |
| <aside> | Zijdelingse inhoud (een zijbalk) |
| <footer> | Voettekst voor een pagina of sectie |
| <figure> | Op zichzelf staande media met een optioneel bijschrift |
Gerelateerde tools