Wat is het verschil tussen HTML en de DOM?
HTML is het bestand dat de server stuurt. De DOM is wat de browser daarvan maakt.
Het recept tegenover het gerecht. Beide bestaan, maar je eet er maar één van.
Het verschil wordt zichtbaar zodra er scripts in het spel zijn.
Wat de browser toevoegt
Ontbrekende elementen aanvullen, fouten in je opmaak herstellen en verkeerd genestelde tags rechttrekken.
Dat gebeurt nog voordat er één script gedraaid heeft. Je DOM wijkt dus altijd al iets af van je HTML. Meer daarover lees je bij html.
Wat scripts daarna doen
Elementen toevoegen, verbergen of vervangen. Bij een moderne site kan dat de helft van wat je ziet zijn.
Bij een site met een paginabouwer en veel uitbreidingen is dat verschil aanzienlijk.
Waar je ze allebei ziet
Je HTML zie je met “paginabron weergeven”: dat is letterlijk wat de server stuurde.
De DOM zie je met de inspectiefunctie. Meer daarover lees je bij hoe je de DOM van een pagina bekijkt.
Mijn vuistregels
- Zoek je een fout in je thema? Kijk in de HTML.
- Zoek je waarom iets er anders uitziet? Kijk in de DOM.
- Belangrijke inhoud hoort in je HTML te staan, niet pas in de DOM.
- Vergelijk beide als je twijfelt of een script iets stukmaakt.
Die derde is de belangrijkste voor je vindbaarheid.
Waarom die derde regel telt
Zoekmachines lezen eerst je HTML. Ze voeren daarna wel scripts uit, maar niet altijd meteen en niet altijd volledig.
Inhoud die alleen in de DOM belandt, loopt dus een risico. Meer daarover lees je bij of Google inhoud ziet die met JavaScript wordt toegevoegd.
Voor voorleessoftware
Die leest de DOM. Wat een script toevoegt, wordt dus gewoon voorgelezen, mits het op de juiste manier is toegevoegd.
Meer daarover lees je bij aria.