Formattatore per HTML
Formatta HTML mantenendo elementi, attributi, testo, commenti e struttura del documento.
Make HTML structure easier to inspect
HTML compatto può nascondere annidamento, attributi, testo e commenti su una riga. Lo strumento mostra un layout leggibile per la revisione.
La formattazione cambia la presentazione e non prova validità, accessibilità, sicurezza o compatibilità. Conserva fonte e diff.
Usa un esempio con elementi annidati, attributi, testo, commenti ed entità ed esegui i controlli richiesti.
Formatting is not HTML validation
HTML è un albero di elementi, attributi, testo, commenti e dichiarazioni. I rientri rendono visibili relazioni e tag finali.
Il formatter ordina gli spazi ma non verifica standard, accessibilità, sicurezza, template o comportamento.
I browser possono recuperare markup errato diversamente; controlla elementi void, tag opzionali, script, style ed entità.
How to format HTML
- Inserisci documento HTML completo o frammento supportato.
- Controlla annidamento, tag, attributi, testo, commenti, script e style.
- Confronta valori, entità, testo e ordine con la fonte.
- Esegui validator HTML, accessibilità, template e browser test.
- Rimuovi credenziali e dati personali dagli esempi.
Formatting method
- Legge elementi, attributi,
Legge elementi, attributi, testo, commenti, dichiarazioni e aree incorporate.
- Aggiunge righe e
Aggiunge righe e rientri per mostrare annidamento e ordine.
- Conserva valori, testo,
Conserva valori, testo, commenti, entità, script e style della fonte.
Recupero parser, tag opzionali, spazi, linguaggi incorporati ed errori devono essere verificati con un motore reale.
Read the formatted result
Il risultato è una disposizione leggibile dell’HTML. Verifica struttura, attributi, testo, commenti, entità e script con la fonte.
Un errore non prova recupero del browser o messaggio parser preciso.
Problemi di validator, accessibilità o build sono separati; il formato non aggiunge semantica o sicurezza.
Errori comuni
Confondere rientri e validazione può nascondere attributi mancanti, annidamento errato o problemi di accessibilità.
Cambiare entità, attributi o testo sensibile agli spazi può modificare il comportamento.
Non presumere che browser e formatter recuperino allo stesso modo.
Non incollare template privati, token o dati utente.
Limiti e casi particolari
La funzione formatta la presentazione HTML e non garantisce standard, accessibilità, sicurezza, compatibilità, template o minificazione.
Tag opzionali, elementi void, CSS, JavaScript, entità e file grandi vanno testati con strumenti reali.
Non inserire markup riservato senza autorizzazione.
Examples
La formattazione valida HTML?
La formattazione valida HTML?
Inserisci documento HTML completo o frammento supportato.
Il risultato è una disposizione leggibile dell’HTML. Verifica struttura, attributi, testo, commenti, entità e script con la fonte.
Cambia il comportamento?
Cambia il comportamento?
Controlla annidamento, tag, attributi, testo, commenti, script e style.
Un errore non prova recupero del browser o messaggio parser preciso.
Gli attributi sono conservati?
Gli attributi sono conservati?
Confronta valori, entità, testo e ordine con la fonte.
Problemi di validator, accessibilità o build sono separati; il formato non aggiunge semantica o sicurezza.
I commenti sono conservati?
I commenti sono conservati?
Esegui validator HTML, accessibilità, template e browser test.
Il risultato è una disposizione leggibile dell’HTML. Verifica struttura, attributi, testo, commenti, entità e script con la fonte.
Posso formattare un frammento?
Posso formattare un frammento?
Rimuovi credenziali e dati personali dagli esempi.
Un errore non prova recupero del browser o messaggio parser preciso.
Migliora accessibilità?
Migliora accessibilità?
Inserisci documento HTML completo o frammento supportato.
Problemi di validator, accessibilità o build sono separati; il formato non aggiunge semantica o sicurezza.
Frequently asked questions
La formattazione valida HTML?
No. Usa validator HTML, accessibilità, browser e test template.
Cambia il comportamento?
Dovrebbe cambiare solo spazi di presentazione; confronta e prova.
Gli attributi sono conservati?
Gli esempi mantengono nomi e valori; controlla URL, class e id con diff.
I commenti sono conservati?
Gli esempi mantengono commenti; verifica il tuo input.
Posso formattare un frammento?
Usa documento completo o frammento supportato.
Migliora accessibilità?
No. Semantica, focus, contrasto e ARIA richiedono controlli dedicati.
Ripara HTML errato?
Non presumere riparazione; correggi la fonte e valida.
Cosa fare dopo?
Rivedi diff, esegui validator e accessibilità e renderizza nei browser target.