Visualizzatore HTML
Apri un file HTML o incolla il codice e guarda la pagina renderizzata dal vivo accanto all'editor. Modificala e scaricala in .html. Tutto nel browser.
Per aprire un file HTML online fai clic su Apri file oppure trascina il .html sull'editor: il sorgente compare a sinistra e la pagina renderizzata a destra. Puoi anche incollare il markup direttamente. Modificalo con l'evidenziazione della sintassi, poi scarica il risultato come file .html o copialo. Il file viene letto in locale e mostrato in un iframe isolato, quindi niente viene caricato su un server.
Visualizzatore HTML
1493
Editor
Codice
Anteprima
Anteprima dal vivo
Potrebbe servirti anche
Come usare il visualizzatore HTML
- 1
Apri o incolla il tuo HTML
Fai clic su Apri file per scegliere un documento .html o .htm, trascinalo sull'editor oppure incolla codice copiato da un'altra parte.
- 2
Controlla la codifica rilevata
Se il file dichiara in un tag meta un set di caratteri legacy come windows-1252 o ISO-8859-1, viene decodificato con quello; altrimenti viene letto come UTF-8. Nome del file e codifica compaiono nell'intestazione.
- 3
Osserva l'anteprima dal vivo
Il pannello di destra rende il markup circa mezzo secondo dopo che smetti di digitare, esattamente come farebbe un browser.
- 4
Modifica e salva
Ritocca il codice e guarda il risultato cambiare, poi usa Scarica .html per salvare la pagina, Copia per prendere il markup o Schermo intero per avere più spazio.
Riferimenti
- WHATWG — Standard HTML
La specifica vivente che definisce la sintassi HTML, gli elementi e il comportamento di rendering nei browser moderni.
- MDN — HTML
Riferimento completo e tutorial per elementi HTML, attributi e best practice.
Strumenti correlati
HTML Minifier
Rimuovi spazi bianchi e commenti per ridurre il peso dell'HTML in produzione.
HTML in JSON
Converti markup HTML in una rappresentazione JSON strutturata.
Visualizzatore Markdown
Visualizza Markdown renderizzato come HTML in tempo reale.
CSS Minifier
Comprimi i fogli di stile usati per dare stile alla tua anteprima HTML.
Domande frequenti
- Come apro un file HTML online e ne vedo l'anteprima?
- Fai clic su Apri file e scegli il .html, oppure trascinalo dal desktop sull'editor. Il codice si carica nel pannello sinistro e la pagina viene renderizzata subito a destra; il file non lascia il computer e non serve installare nulla.
- Esiste un visualizzatore HTML per Android o iPhone?
- Questo visualizzatore funziona nel browser su qualsiasi dispositivo—Android, iOS e desktop—senza scaricare nessuna app. Sul telefono, Apri file mostra il selettore di sistema, così puoi caricare un .html salvato in File, Download o Google Drive.
- Perché il mio HTML mostra caratteri strani (è, �)?
- Il visualizzatore decodifica il file con il set di caratteri indicato dal suo <meta charset> (o dal tag http-equiv) e, se manca, usa UTF-8. Quando la dichiarazione è assente o non corrisponde alla codifica reale con cui la pagina è stata salvata, le lettere accentate si rovinano: correggi la riga meta charset e riapri il file.
- Posso salvare la pagina modificata?
- Sì. Scarica .html salva il contenuto attuale dell'editor come file UTF-8 e mantiene il nome originale se avevi aperto un file. Se il sorgente dichiarava un altro set di caratteri, nella copia salvata il tag meta diventa utf-8 così la pagina continua a vedersi bene.
- Posso testare CSS e JavaScript esterni?
- Sì, purché siano richiamati con URL https assolute, per esempio da una CDN. I percorsi relativi come ./style.css non si risolvono, perché l'anteprima non ha una cartella propria. Il frame è in sandbox: gli script girano, ma senza accesso alla stessa origine.
- Il mio codice HTML viene inviato a un server?
- No. Tutto il rendering avviene localmente nel tuo browser. Il codice non lascia mai il tuo dispositivo.
- Cos'è un visualizzatore HTML e a cosa serve?
- Un visualizzatore HTML è uno strumento che rende il codice HTML e mostra il risultato visivo. Utile per imparare, fare debug o verificare la struttura di una pagina prima di pubblicarla.
- L'anteprima si aggiorna automaticamente durante la modifica?
- Sì. Il visualizzatore ri-renderizza il pannello di anteprima in tempo reale ad ogni modifica, senza bisogno di cliccare un pulsante di aggiornamento.