HTML Code Conventies¶

Maak niet te lange regels code (+/- 80 tekens).
Gebruik geen onnodige witregels tussen de code.
HTML- en CSS-bestanden hebben logische namen en zijn in lower case geschreven.
Een HTML-document wordt altijd opgemaakt in HTML5.
Alle HTML-elementen en -attributen zijn geschreven in lower case.
Alle HTML-elementen worden gesloten, behalve elementen zonder sluit-tag zoals <br>.
Zorg ervoor dat je HTML- en CSS-code goed leesbaar is. Pas daarom op de juiste manier indention (inspringing) toe: laat child-elementen 2 spaties inspringen.
Gebruik altijd dubbele “quotes“ bij attributen van HTML-elementen.
Gebruik zo min mogelijk spaties tussen de attributen van HTML-elementen.
Elk HTML5-document bevat minimaal een <head> tag met daarbinnen o.a. de tags <title> en <meta charset=…>. De <body> bevat een <main> tag en - indien van toepassing - een <nav>, <header> en <footer>.
Deprecated (oude) HTML-tags, zoals <center>, <font> en <u> mogen niet gebruikt worden. Zie voor een overzicht met deprecated HTML-tags: deprecated HTML tags
Het HTML-element <br> wordt alleen gebruikt in een regel om tekst af te breken en niet voor het positioneren van elementen.
Maak in je HTML-code zoveel mogelijk gebruik van semantische tags. Dit zijn tags waaruit duidelijk blijkt wat de functie is van de betreffende tag. Voorbeelden hiervan zijn <article>, <footer>, <header>, etc. Gebruik om deze reden alleen een <div> tag in je HTML-code als er geen semantische tag beschikbaar is.

Checklist

Je kan onderstaande checklist gebruiken om een .html bestand te checken op code kwaliteit.

bron¶