Riparatore HTML
Ripara HTML rotto online — correggi tag non chiusi, virgolette mancanti, elementi non corrispondenti e annidamenti sbagliati.
Cos'è il Riparatore HTML?
Hai dell'HTML quasi corretto ma che manda in tilt la pagina? Un <p> non chiuso, un </div> di troppo o un href senza virgolette possono mandare il resto del documento in uno stato di parsing strano. Il browser fa del suo meglio con markup malformato — ma il risultato raramente è quello che volevi. Incollalo qui e te lo restituiamo in una forma che il parser accetta volentieri, seguendo le regole del WHATWG HTML Living Standard.
È pensato per le rotture di tutti i giorni: un tag di chiusura mancante, una virgoletta non sfuggita, un valore di attributo senza il suo ", un elemento di lista non chiuso, un blocco annidato dove non dovrebbe stare. Il tipo di cose che il Validatore W3C ufficiale segnala un errore alla volta. Il riparatore legge l'intero documento in una sola passata e ti restituisce una versione pulita che puoi reincollare direttamente nel tuo progetto.
Il tuo markup viene inviato al servizio di riparazione via HTTPS e non viene conservato. Se hai segreti inline come API key codificate dentro <code><script></code> o attributi <code>data-*</code>, rimuovili prima di incollare.
Come Usare il Riparatore HTML
Tre passaggi. Funziona su frammenti parziali, documenti completi o qualunque mistura strana ti sia tornata indietro da un export del CMS.
Incolla HTML Rotto o Carica un Esempio
Metti il tuo HTML nell'editor di sinistra. Premi HTML di Esempio per una piccola pagina di conferma ordine con i tipici errori — un <head> mai chiuso, un elemento di lista senza </li>, un href senza virgolette. Esempio di HTML rotto:
<p>Your order <strong>SKU-101 ships tomorrow.
<ul>
<li>1 x Laptop Stand
<li>2 x USB-C Cable</li>
</ul>Tre errori qui: <strong> non si chiude mai, il primo <li> non è terminato e manca </p>. Il riparatore li chiude nell'ordine giusto.
Clicca su Ripara HTML!!
Premi il pulsante verde Ripara HTML!!. Inviamo il tuo markup al servizio di riparazione che chiude gli elementi aperti secondo le regole di sintassi HTML, ripristina le virgolette degli attributi e corregge l'annidamento dove è chiaramente sbagliato. Il contenuto testuale, le classi, gli id e gli stili inline rimangono intatti.
Rivedi l'Output Riparato
Il pannello di destra contiene l'HTML riparato. Mettilo in un browser, nel nostro Validatore HTML per un controllo di sanità, o reinseriscilo nel tuo CMS. Per una revisione di accessibilità più approfondita usa uno strumento dedicato di a11y — quella è una preoccupazione separata dalla riparazione della sintassi.
Quando Lo Useresti Davvero
Riparare l'Output di CMS o Template Email
Editor WYSIWYG e template builder per email amano sfornare markup sottilmente rotto — tag <p> orfani, attributi alt mancanti, qualche <td> non chiuso. Passa l'export da qui prima di pubblicare, così la pagina renderizzata non si comporta in modo imprevedibile su browser diversi.
Recuperare Markup Incollato da App Office
Word e Google Docs incollano un groviglio di <span> e attributi proprietari che spesso hanno tag sbilanciati o sparsi. Il riparatore sistema la struttura così puoi continuare a modificare il risultato invece di riscriverlo da zero.
Riparare Componenti Scritti a Mano
Snippet di HTML buttati giù al volo in un tutorial, una pagina wiki o un vecchio README — copia dentro, fattelo sistemare, incollalo dove serve. Utile per sbloccarsi quando si copiaincollano esempi che funzionavano nel post di qualcun altro ma non nel tuo.
Pulire Pagine Scrappate Prima del Parsing
Quando stai facendo scraping di HTML da dare in pasto a un estrattore, il markup rotto manda fuori giri i parser basati sul DOM. Passa prima le pagine da qui per dare al tuo parser una struttura stabile su cui lavorare. Abbinalo a un vero validatore se ti serve conformità stretta.
Domande Frequenti
Il mio HTML viene memorizzato o condiviso?
L'HTML che incolli viene inviato al nostro backend via HTTPS per eseguire la riparazione e non lo conserviamo dopo che la risposta è stata restituita. Non ci sono tracker di terze parti nel percorso della richiesta. Detto questo, se la tua pagina contiene API key codificate, URL interni o token di analytics, trattala come qualsiasi altro paste pubblico — togli prima i valori sensibili.
Che tipi di errori HTML corregge davvero?
Tag non chiusi (<p>, <li>, <td>, <span>), chiusure non corrispondenti, virgolette degli attributi mancanti o sbilanciate, DOCTYPE malformati, &/</> sparsi nel testo che dovrebbero essere entità, e ovvi errori di annidamento (un elemento di blocco dentro uno inline). Non si inventa contenuto mancante né riscrive markup valido.
Cambierà le mie classi, gli id o gli stili inline?
No. Al riparatore è detto esplicitamente di sistemare solo la sintassi — nomi di classi, id, attributi style inline, attributi data-* e gestori di eventi come onclick passano inalterati. Se l'output sembra mai aver modificato uno di questi, è un bug.
Produce HTML5, XHTML o entrambi?
Punta all'HTML5 — è quello che ogni browser attuale parsifica. I tag self-closing su elementi void come <br /> sono accettati in input ma l'output usa la forma standard HTML5. Se ti serve specificamente output XHTML stretto (raro oggi), usa uno strumento dedicato a XHTML.
Perché non passare il mio HTML direttamente nel Validatore W3C?
Dovresti, per il passaggio finale — il validatore W3C è la fonte di verità su cosa conta come HTML valido. Ma mostra gli errori uno alla volta e non li corregge. Il riparatore serve per quando vuoi prima chiudere il documento in un colpo solo; poi lanci il validatore per confermare.
E l'accessibilità — aggiunge alt o ARIA mancanti?
No, ed è voluto. I ruoli ARIA e il testo alt sono decisioni di contenuto, non di sintassi. Aggiungere un alt="" segnaposto maschererebbe un vero problema di accessibilità. Per quello esegui un audit di a11y dedicato (axe, WAVE, Lighthouse).
Altri Strumenti HTML Che Potrebbero Servirti
Sistemare la sintassi è solo l'inizio. Una volta che il documento si parsifica, questi sono passi successivi utili: