Il W3C Markup Validator
Individuare e correggere gli errori HTML con il W3C Markup Validation Service
Il W3C Markup Validator è una lezione HTML Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento HTML Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso HTML Academy include 4 lezioni in totale.
Cosa verifica il validatore
Il W3C Markup Validator (validator.w3.org) analizza l'HTML confrontandolo con la specifica ufficiale e segnala ogni violazione della specifica: tag non chiusi, annidamento non valido (un <p> all'interno di un altro <p>), attributi obbligatori mancanti (img senza alt), elementi non riconosciuti e molti altri problemi.
Perché la validazione è importante
L'HTML non valido può essere visualizzato correttamente oggi in qualsiasi browser, ma ogni browser è libero di gestire gli errori in modo diverso: ciò che appare corretto in Chrome potrebbe non funzionare in Firefox. L'HTML valido produce un rendering prevedibile e coerente ed evita comportamenti sorprendenti nei lettori di schermo, nei crawler dei motori di ricerca e nei client di posta elettronica.
Tre modalità di invio
Può eseguire la validazione tramite URL (incollando l'URL della pagina), caricando un file oppure inserendo direttamente il contenuto (incollando l'HTML). L'URL è la scelta migliore per le pagine in produzione; l'inserimento diretto è utile durante lo sviluppo, quando il file non è ancora disponibile online.
Lettura dei risultati
Gli errori riportano il numero di riga, un frammento del markup problematico e una spiegazione. Li corregga dall'alto verso il basso: molti errori sono conseguenze a cascata di un unico errore precedente. Dopo aver corretto i primi, esegua nuovamente la validazione per verificare quanti avvisi siano ancora effettivamente rilevanti.
Avvisi ed errori
Gli errori sono violazioni della specifica che possono compromettere il rendering. Gli avvisi riguardano pattern sospetti, tecnicamente validi ma probabilmente involontari (nomi di attributi che sembrano contenere refusi, suggerimenti sull'accessibilità). Consideri gli errori come problemi da correggere obbligatoriamente e gli avvisi come elementi da approfondire.
Errori comuni
Attributo alt mancante nell'elemento img. Tag autochiuso non chiuso (<br> anziché il precedente <br/>, anch'esso valido). ID duplicato nella pagina. Etichetta di un modulo senza un attributo for corrispondente all'ID di un input. Elementi interattivi annidati (un pulsante all'interno di un a). Questi cinque casi costituiscono la maggior parte dei risultati del validatore.
Validazione dei template
Se il codice HTML viene generato da template, convalidi l'output finale (la pagina renderizzata) anziché il sorgente del template. Un segnaposto {{ }} non è HTML valido: conta solo ciò che produce il motore. Esegua il validatore in CI sulle pagine renderizzate da una build di test.
CLI di html-validate
Per l'integrazione in CI, utilizzi il pacchetto npm html-validate: npx html-validate "public/**/*.html" convalida ogni pagina della build. Configuri le regole in .htmlvalidate.json. Utilizzi questa configurazione per interrompere le build in caso di regressioni nella validazione.
Stylelint e linting alla fonte
Il linting in fase di scrittura (stylelint per CSS, eslint-plugin-jsx-a11y per React) rileva molti problemi prima che raggiungano il validatore. Lo combini con la validazione end-to-end in CI per una difesa a più livelli: rilevi la maggior parte dei problemi subito e i restanti prima del deploy.
Cosa NON rileva la validazione
La validazione verifica la correttezza del markup, non la semantica. Una pagina in cui tutte le intestazioni sono <h6> è HTML valido, ma ha una semantica errata. Gli audit di accessibilità di Lighthouse e una revisione manuale rilevano i problemi semantici che il validatore non individua.
Avviso sulla Quirks Mode
La mancanza di <!doctype html> attiva la Quirks Mode: i browser utilizzano un livello di compatibilità legacy che compromette il CSS moderno. Il validatore segnala la mancanza del doctype come primo errore; non esegua mai il deploy di una pagina senza la dichiarazione doctype.
Validazione continua
Esegua la validazione su ogni PR tramite GitHub Actions: installi html-validate, lo esegua sul sito compilato e faccia fallire la PR se sono presenti errori. I nuovi errori vengono rilevati durante la revisione anziché accumularsi per mesi e diventare difficili da correggere a posteriori.
Verifica delle conoscenze
Perché la mancanza della dichiarazione <!doctype html> è così importante per il validatore W3C?
Riepilogo
Il W3C Markup Validator analizza il codice HTML secondo le specifiche e segnala il markup non valido. Lo utilizzi tramite l'interfaccia web per controlli occasionali e tramite la CLI di html-validate in CI per una copertura continua. Problemi comuni: alt mancante, ID duplicati, doctype mancante, elementi interattivi annidati. La validazione rileva gli errori di markup; la combini con Lighthouse e una revisione manuale per garantire qualità semantica e accessibilità.
Domande Frequenti
La lezione «Il W3C Markup Validator» è gratuita?
Sì — il testo completo di «Il W3C Markup Validator» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso HTML Academy, passa a CoddyKit PRO. Il corso HTML Academy include 4 lezioni in totale.
Cosa imparerò in «Il W3C Markup Validator»?
Individuare e correggere gli errori HTML con il W3C Markup Validation Service Eserciti HTML Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare HTML Academy?
Non è richiesta alcuna esperienza precedente. HTML Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Il W3C Markup Validator»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione HTML Academy?
Sì. Ogni lezione HTML Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Il W3C Markup Validator
- Audit HTML con Lighthouse
- Pa11y e axe per i test di accessibilità
- Test snapshot dell’HTML