HTML5 | Strumento di controllo tag non chiuso

Nota: quando alcuni tag non sono chiusi correttamente, può verificarsi un effetto valanga in cui viene mostrato che molti tag non sono chiusi. Nella maggior parte dei casi, il colpevole si trova nella metà inferiore dell'elenco degli errori, al centro o dopo ultimo elemento nell'elenco degli errori e la correzione dei tag non chiusi comporterebbe che l'intero documento superasse il controllo (presupponendo che l'input fornito sia un codice HTML5 valido). Se il codice è lungo, a volte può essere utile dividerlo in parti più piccole, per restringere il campo dei tag che non vengono chiusi.

Semplifica la tua codifica HTML con il nostro strumento all'avanguardia che rileva facilmente i tag non chiusi, garantendo che il tuo codice rimanga privo di errori e che le tue pagine web vengano visualizzate perfettamente. Incolla il tuo codice nell'area sopra per scoprire se sono presenti tag HTML5 non chiusi.

HTML5 è lo standard più recente di Hypertext Markup Language, che offre funzionalità e funzionalità avanzate per la creazione di contenuti Web moderni.

Mantenere un codice HTML privo di errori con tag chiusi correttamente è fondamentale per ottenere prestazioni SEO solide, migliorare l'accessibilità del sito Web e garantire esperienze utente senza interruzioni.

Tag HTML

L'HTML presenta sia tag autochiusi per elementi concisi come immagini ('<img>') sia tag regolari che racchiudono contenuto, come paragrafi ('<p>'), fornendo modi versatili per strutturare contenuto del web.

Tag autochiusi

• '<area />': Definisce un'area cliccabile all'interno di una mappa immagine.
• '<base />': specifica un URL di base per gli URL relativi in ​​un documento.
• '<br />': inserisce un'interruzione di riga nel testo o nel contenuto.
• '<circle />': Definisce un percorso circolare all'interno di SVG (Scalable Vector Graphics).
• '<col />': specifica le proprietà della colonna per le tabelle HTML.
• '<embed />': incorpora contenuti esterni, come contenuti multimediali o plug-in.
• '<hr />': crea un'interruzione tematica o una linea orizzontale.
• '<img />': incorpora un'immagine nel documento.
• '<input />': Definisce un elemento di input dell'utente.
• '<link />': collega risorse esterne come fogli di stile o icone.
• '<meta />': fornisce metadati sul documento.
• '<param />': specifica i parametri per i plugin all'interno degli elementi oggetto.
• '<path />': Definisce un percorso vettoriale all'interno di SVG (Scalable Vector Graphics).
• '<source />': specifica più risorse multimediali per gli elementi multimediali.
• '<track />': Fornisce tracce di testo per elementi multimediali come '<video>' o '<audio>'.
• '<wbr />': Definisce un'opportunità di interruzione di parola all'interno del testo.
• '<command />': Definisce un pulsante di comando all'interno di un menu.
• '<keygen />': genera una coppia di chiavi per i moduli utilizzati nella crittografia.
• '<menuitem />': Definisce un elemento all'interno di un '<menu>'.
• '<frame />': Definisce una sottofinestra (deprecato in HTML5).

Tag regolari

• '<p>': Definisce un paragrafo.
• '<h1> to <h6>': Titoli di diversi livelli.
• '<strong>': Rappresenta una forte importanza.
• '<em>': Rappresenta il testo enfatizzato.
• '<mark>': Evidenzia il testo come riferimento.
• '<abbr>': Definisce un'abbreviazione.
• '<blockquote>': Rappresenta una citazione in blocco.
• '<ul>': Definisce un elenco non ordinato.
• '<ol>': Definisce un elenco ordinato.
• '<li>': Rappresenta una voce di elenco.
• '<dl>': Definisce un elenco di descrizioni.
• '<dt>': Rappresenta un termine in un elenco di descrizioni.
• '<dd>': Rappresenta una descrizione in un elenco di descrizioni.
• '<a>': Definisce un collegamento ipertestuale.
• '<nav>': rappresenta i collegamenti di navigazione.
• '<audio>': incorpora contenuto audio.
• '<video>': incorpora contenuti video.
• '<form>': Definisce un modulo HTML.
• '<textarea>': crea un input di testo su più righe.
• '<select>': crea un elenco a discesa.
• '<button>': Definisce un pulsante cliccabile.
• '<table>': Definisce una tabella HTML.
• '<thead>': Definisce l'intestazione di una tabella.
• '<tbody>': Definisce il contenuto del corpo di una tabella.
• '<tr>': Definisce una riga della tabella.
• '<th>': Definisce una cella di intestazione della tabella.
• '<td>': Definisce una cella dati della tabella.
• '<caption>': fornisce una didascalia per una tabella.
• '<div>': Definisce un contenitore generico.
• '<span>': Definisce il testo con stile in linea.
• '<header>': Rappresenta un documento o un'intestazione di sezione.
• '<footer>': rappresenta un documento o un piè di pagina.
• '<section>': rappresenta un raggruppamento tematico di contenuti.
• '<article>': rappresenta un contenuto autonomo.
• '<aside>': rappresenta il contenuto correlato tangenzialmente al contenuto circostante.
• '<button>': Definisce un pulsante cliccabile.
• '<details>': Rappresenta un widget di divulgazione.
• '<summary>': Fornisce un riepilogo per un elemento '<details>'.
• '<object>': incorpora contenuti o risorse esterni.
• '<iframe>': incorpora un contesto di navigazione nidificato.
• '<canvas>': incorpora la grafica tramite script.
• '<svg>': Incorpora grafica vettoriale scalabile.
• '<math>': incorpora equazioni matematiche.
• '<time>': Rappresenta un tempo o un intervallo specifico.
• '<address>': Rappresenta le informazioni di contatto.
• '<code>': rappresenta il testo del codice del computer.
• '<pre>': rappresenta il testo preformattato.
• '<fieldset>': raggruppa gli elementi del modulo correlati.
• '<legend>': Fornisce una didascalia per '<fieldset>'.
• '<ruby>': rappresenta le annotazioni per la tipografia dell'Asia orientale.
• '<rt>': rappresenta la pronuncia dei caratteri in un elemento '<ruby>'.

Tieni presente che gli elenchi precedenti includono solo alcuni dei comuni tag HTML a chiusura automatica e non a chiusura automatica (normali), ma ci sono molti altri tag disponibili in HTML5 per vari scopi.

Glossario

• Verifica codice HTML per tag non chiusi: il pulsante che esegue il processo di verifica.
• Riga: il testo che precede i numeri di riga, in cui sono stati rilevati i tag che non hanno controparti di chiusura.
• Non è stato rilevato alcun tag non chiuso.: il messaggio quando tutti i tag HTML sono chiusi correttamente.
• Incolla qui il tuo codice HTML...: L'area in cui va il codice HTML, per controllare i tag non chiusi/mancanti.
• Il seguente tag non sembra essere chiuso: nel caso in cui sia presente un tag non chiuso nel codice.
• I seguenti tag non sembrano essere chiusi: Nel caso in cui siano presenti due o più tag non chiusi nel codice.

Conclusione

La chiusura corretta dei tag HTML è di fondamentale importanza nello sviluppo web. Ogni tag funge da istruzione cruciale per i browser per interpretare e visualizzare i contenuti in modo accurato. Trascurare la chiusura dei tag può portare a problemi di layout imprevisti, interpretazione errata dei contenuti ed esperienze utente incoerenti su diversi dispositivi e browser. Questa meticolosa attenzione ai dettagli non solo garantisce un'interfaccia utente fluida e visivamente gradevole, ma supporta anche l'accessibilità e ottimizzazione per i motori di ricerca. Aderendo alla best practice di chiusura dei tag HTML, gli sviluppatori salvaguardano l'integrità del proprio codice, promuovendo siti Web affidabili, accessibili e di facile utilizzo che trasmettono efficacemente le informazioni mantenendo una presentazione visiva coerente.