Je pagina mist een doctype: zet <!DOCTYPE html> bovenaan
De allereerste regel van een webpagina hoort <!DOCTYPE html> te zijn. Die regel vertelt de browser dat het om moderne HTML gaat. Zonder schakelt de browser over naar een oude compatibiliteitsmodus, ook wel quirks mode genoemd.
In het kud-rapport Je pagina mist een doctype
Waarom het uitmaakt
In quirks mode bootst de browser fouten van browsers van twintig jaar geleden na. Je opmaak kan daardoor net anders uitpakken: andere maten, rare marges, tabellen die zich vreemd gedragen.
De oplossing is één regel, dus dit is de makkelijkste fix van allemaal.
Zo los je het op
- Zet
<!DOCTYPE html>op de allereerste regel van elke pagina, nog voor het html-element. - Zorg dat er niks voor staat, ook geen lege regel of commentaar.
- Controleer daarna of je opmaak nog klopt. Soms leunde een oude site op quirks mode en schuift er iets.
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">Op jouw platform
- Alle platforms
- Moderne thema's en CMS'en zetten dit altijd goed. Ontbreekt het, dan is je thema of template waarschijnlijk erg oud.
Veelgestelde vragen
Maakt hoofdletters of kleine letters uit?
Nee, <!DOCTYPE html> en <!doctype html> werken allebei.
Wat is quirks mode?
Een modus waarin browsers zich gedragen als heel oude browsers, voor sites die nog uit de jaren negentig stammen.