HTML Validator

Free

Controleert HTML op niet-gesloten tags, dubbele ID's, verouderde elementen en andere veelvoorkomende, duidelijk gedefinieerde problemen, geverifieerd met een eigen tag-matching parser, geen volledige W3C-conformiteitsvalidator.

Dit controleert op veelvoorkomende, duidelijk gedefinieerde HTML-problemen (niet-gesloten tags, dubbele ID's, verouderde elementen, ontbrekende alt-tekst en dergelijke), het is geen volledige W3C HTML5-specificatieconformiteitsvalidator.

HTML-broncode

Recente Activiteit

Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.

Nog geen activiteit. Wees de eerste.

Opmerkingen (0)

Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.

Nog geen opmerkingen. Wees de eerste om je gedachten te delen!

Wat deze tool doet

Plak HTML en deze tool controleert het op een gerichte reeks veelvoorkomende, duidelijk gedefinieerde problemen: niet-gesloten of niet-overeenkomende tags, dubbele id-attributen, ontbrekende alt-tekst op afbeeldingen, verouderde elementen, ongeldige zelfsluitende syntaxis op niet-lege elementen, en ontbrekende DOCTYPE-, lang- of charset-declaraties. Elk probleem verwijst terug naar de regel waarop het is gevonden.

Hoe Het Werkt

Een lichtgewicht parser scant de HTML tag voor tag, waarbij een stack van momenteel geopende elementen wordt bijgehouden, precies zoals een browser nesting intern bijhoudt, waarbij commentaar en de inhoud van <script>- en <style>-blokken worden overgeslagen. Wanneer een sluitende tag niet overeenkomt met wat bovenaan de stack staat, of de stack aan het einde nog items over heeft, worden deze gerapporteerd als niet-gesloten of niet-overeenkomende tags. Afzonderlijk scannen reguliere expressies op dubbele id-attributen, ontbrekende alt-attributen op afbeeldingen en verouderde elementnamen.

Problemen die het oplost

Een niet-gesloten tag vinden die de lay-out van een pagina verderop subtiel verstoort.
Dubbele id-attributen opsporen voordat ze ervoor zorgen dat een CSS-selector of JavaScript getElementById-aanroep zich onverwacht gedraagt.
Verouderde elementen opsporen die zijn overgebleven van oude code of gekopieerde fragmenten.
Toegankelijkheidsbasisprincipes controleren zoals alt-tekst en een gedeclareerde documenttaal.

Veelgestelde vragen

›Is dit hetzelfde als de W3C Markup Validator?

Nee. De officiële W3C-validator controleert volledige conformiteit met de HTML-specificatie, honderden regels die elk element en attribuut dekken. Deze tool richt zich op een kleinere reeks veelvoorkomende, duidelijk gedefinieerde problemen die echt nuttig zijn om vroeg te ontdekken: niet-gesloten tags, dubbele ID's, verouderde elementen en enkele controles op ontbrekende attributen. Gebruik voor een volledig conformiteitsrapport de W3C-validator naast deze tool.

›Waarom markeert het ontbrekende DOCTYPE, lang of charset als waarschuwingen in plaats van fouten?

Browsers renderen een pagina ook zonder deze, dus ze zijn niet fataal, maar ze beïnvloeden toegankelijkheid, internationalisering en hoe betrouwbaar de browser een rendermodus kiest. Ze worden gemarkeerd omdat het oplossen ervan bijna altijd de juiste keuze is, niet omdat de pagina zonder deze kapot is.

›Wat geldt hier als een "verouderde" tag?

Elementen die de HTML5-specificatie expliciet als verouderd markeert, zoals <center>, <font>, <marquee> en <acronym>, meestal omdat CSS nu dekt wat zij deden, op een manier die inhoud scheidt van presentatie. Ze werken nog steeds in browsers voor achterwaartse compatibiliteit, maar mogen niet worden gebruikt in nieuwe code.

›Controleert het de inhoud binnen <script>- of <style>-tags?

Nee, hun inhoud wordt volledig overgeslagen tijdens het matchen van tags, omdat JavaScript of CSS gemakkelijk tekst kan bevatten die op een HTML-tag lijkt (bijvoorbeeld binnen een string) zonder dat daadwerkelijk te zijn, wat anders valse positieven zou opleveren.

›Waarom wordt zelfsluitende syntaxis zoals <div /> gemarkeerd?

In HTML (in tegenstelling tot XML of XHTML) wordt een afsluitende schuine streep op een niet-leeg element zoals <div> of <span> gewoon genegeerd, het element wordt er NIET als gesloten door beschouwd, en heeft nog steeds een eigen aparte sluitende tag nodig. Dit is een veelvoorkomende bron van onbedoelde niet-gesloten-tagbugs bij het kopiëren van patronen uit JSX of XML.

Zet getypte tekst of een geüploade afbeelding om in ASCII-art. Kies een lettertypestijl of tekenschaal, behoud de kleur en exporteer als platte tekst of PNG.