Validatore HTML

Free

Controlla l'HTML per tag non chiusi, ID duplicati, elementi deprecati e altri problemi comuni ben definiti, verificato con un proprio parser di corrispondenza tag, non un validatore completo di conformità W3C.

Questo controlla problemi HTML comuni e ben definiti (tag non chiusi, ID duplicati, elementi deprecati, testo alt mancante e simili), non è un validatore completo di conformità alla specifica HTML5 del W3C.

Sorgente HTML

Attività recente

Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.

Ancora nessuna attività. Sii il primo.

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

Cosa fa questo strumento

Incolla l'HTML e questo strumento lo controlla per un insieme mirato di problemi comuni e ben definiti: tag non chiusi o non corrispondenti, attributi id duplicati, testo alt mancante sulle immagini, elementi deprecati/obsoleti, sintassi auto-chiudente non valida su elementi non vuoti, e dichiarazioni DOCTYPE, lang o charset mancanti. Ogni problema rimanda alla riga in cui è stato trovato.

Come funziona

Un parser leggero scansiona l'HTML tag per tag, mantenendo uno stack degli elementi attualmente aperti, esattamente come un browser traccia internamente l'annidamento, saltando i commenti e il contenuto dei blocchi <script> e <style>. Quando un tag di chiusura non corrisponde a quello in cima allo stack, o lo stack ha ancora voci rimanenti alla fine, questi vengono segnalati come tag non chiusi o non corrispondenti. Separatamente, le espressioni regolari cercano attributi id duplicati, attributi alt mancanti sulle immagini e nomi di elementi deprecati.

Problemi che risolve

Trovare un tag non chiuso che sta sottilmente rompendo il layout di una pagina più in basso.
Individuare attributi id duplicati prima che causino un comportamento inatteso di un selettore CSS o di una chiamata JavaScript getElementById.
Individuare elementi deprecati rimasti da vecchio codice o frammenti copiati e incollati.
Controllare le basi dell'accessibilità come il testo alt e una lingua del documento dichiarata.

Domande frequenti

›È lo stesso del W3C Markup Validator?

No. Il validatore ufficiale del W3C controlla la piena conformità rispetto alla specifica HTML, centinaia di regole che coprono ogni elemento e attributo. Questo strumento si concentra su un insieme più piccolo di problemi comuni e ben definiti che è davvero utile individuare precocemente: tag non chiusi, ID duplicati, elementi deprecati e alcuni controlli sugli attributi mancanti. Per un report di conformità completo, usa il validatore del W3C insieme a questo strumento.

›Perché segnala l'assenza di DOCTYPE, lang o charset come avvisi anziché errori?

I browser renderizzano comunque una pagina senza questi elementi, quindi non sono fatali, ma influenzano l'accessibilità, l'internazionalizzazione e quanto affidabilmente il browser sceglie una modalità di rendering. Vengono segnalati perché correggerli è quasi sempre la scelta giusta, non perché la pagina sia rotta senza di essi.

›Cosa si intende qui per tag "deprecato"?

Elementi che la specifica HTML5 segna esplicitamente come obsoleti, come <center>, <font>, <marquee> e <acronym>, di solito perché ora CSS copre ciò che facevano, in un modo che separa il contenuto dalla presentazione. Funzionano ancora nei browser per retrocompatibilità, ma non dovrebbero essere usati in codice nuovo.

›Controlla il contenuto all'interno dei tag <script> o <style>?

No, i loro contenuti vengono completamente saltati durante la corrispondenza dei tag, poiché JavaScript o CSS possono facilmente contenere testo che sembra un tag HTML (ad esempio all'interno di una stringa) senza esserlo realmente, il che altrimenti produrrebbe falsi positivi.

›Perché segnalare una sintassi auto-chiudente come <div />?

In HTML (a differenza di XML o XHTML), una barra finale su un elemento non vuoto come <div> o <span> viene semplicemente ignorata, l'elemento NON è considerato chiuso da essa, e necessita comunque di un proprio tag di chiusura separato. Questa è una fonte comune di bug accidentali di tag non chiusi quando si copiano pattern da JSX o XML.

Trasforma il testo digitato o un'immagine caricata in arte ASCII. Scegli uno stile di font o una scala di caratteri, conserva il colore ed esporta come testo semplice o PNG.