Visualizzatore HTML - Anteprima HTML nel Browser Online

Input

Output

Cos'è un Visualizzatore HTML?

Un visualizzatore HTML ti permette di incollare o scrivere HTML e vedere immediatamente un'anteprima live di come verrà renderizzato in un browser. È utile per testare rapidamente frammenti HTML, modelli email o qualsiasi HTML senza un ambiente di sviluppo completo.

Questo strumento funziona interamente nel browser. L'anteprima viene renderizzata in un iframe sandboxed usando l'attributo srcdoc. Il tab Sorgente mostra il codice HTML formattato.

Come usare questo strumento

Incolla o carica HTML

Incolla il tuo HTML nell'editor di sinistra o fai clic su Carica per caricare un file. Fai clic su Esempio per provare un esempio.

Anteprima o visualizzazione sorgente

Il pannello di destra mostra un'Anteprima live del tuo HTML. Passa al tab Sorgente per vedere il codice HTML formattato.

Copia o scarica

Usa <strong>Copia</strong> o <strong>Scarica</strong> per salvare il codice sorgente formattato. Per validare l'HTML usa lo strumento Validatore HTML.

Esempio di Visualizzatore HTML

Incolla qualsiasi frammento HTML e vedilo renderizzato istantaneamente. Ecco un semplice esempio:

Input HTML

Input

Quando un Visualizzatore HTML è utile

Un visualizzatore HTML è utile quando vuoi testare rapidamente frammenti HTML, controllare modelli email, rivedere HTML auto-generato o condividere un'anteprima visiva di HTML con colleghi.

Per validare la struttura HTML e rilevare errori, usa lo strumento Validatore HTML.

Domande frequenti

L'anteprima è sandboxed?

Sì. L'anteprima viene eseguita all'interno di un iframe sandboxed con l'attributo sandbox="allow-scripts". Questo impedisce l'accesso ai cookie o alla pagina padre.

I miei dati vengono inviati a un server?

No. L'anteprima viene renderizzata interamente nel browser usando l'attributo srcdoc dell'iframe.

Strumenti correlati

Vedere l'HTML Living Standard e la documentazione MDN iframe.