Visualizador HTML

Como usar o visualizador HTML

1. 1

   Abra ou cole seu HTML

   Clique em Abrir arquivo e escolha um documento .html ou .htm, arraste o arquivo para o editor ou cole um código que você copiou de outro lugar.

2. 2

   Confira a codificação

   Se a tag meta do arquivo declara um charset antigo, como windows-1252 ou ISO-8859-1, ele é decodificado com esse charset; sem declaração, vale UTF-8. O nome do arquivo e a codificação aparecem no cabeçalho.

3. 3

   Veja a prévia ao vivo

   O painel da direita renderiza o markup cerca de meio segundo depois de você parar de digitar, exatamente como um navegador faria.

4. 4

   Edite e salve

   Ajuste o código e acompanhe o resultado mudar; depois use Baixar .html para salvar a página, Copiar para levar o markup ou Tela cheia para ganhar espaço (saia com Esc).

Referências

• MDN — HTML

  Referência e tutoriais de todos os elementos e atributos HTML, em português.

• WHATWG — HTML Standard

  A especificação viva que define a sintaxe do HTML e como os navegadores renderizam (em inglês).

• MDN — elemento iframe e atributo sandbox

  Explica as restrições de sandbox aplicadas ao quadro de prévia.

Ferramentas relacionadas

Perguntas frequentes

Como abrir um arquivo HTML online?

Clique em Abrir arquivo e escolha o .html, ou arraste o arquivo da área de trabalho para o editor. O código entra no painel da esquerda e a página aparece renderizada à direita na hora — o arquivo não sai do seu computador.

Com o que abrir um arquivo .html?

Clicar duas vezes abre a página renderizada no navegador; abrir com o Bloco de Notas ou um editor de código mostra o código-fonte. Este visualizador entrega os dois ao mesmo tempo: código à esquerda, página renderizada à direita.

Arquivos .htm e .mhtml funcionam?

Um .htm é o mesmo formato que .html e abre direto pelo botão Abrir arquivo. Já o .mhtml é um pacote da página com todos os recursos dentro e não renderiza aqui — salve a página como HTML comum primeiro.

Por que aparecem caracteres estranhos (é, �) no meu HTML?

O visualizador decodifica o arquivo com o charset informado na tag <meta charset> (ou http-equiv) e, sem ela, usa UTF-8. Se essa declaração estiver faltando ou não bater com a codificação real em que a página foi salva, os acentos saem trocados; corrija a linha meta charset e abra o arquivo de novo.

Como abrir um arquivo HTML no iPhone?

No Safari ou no Chrome do iPhone, o botão Abrir arquivo mostra o seletor do sistema, então dá para escolher um .html guardado no app Arquivos, no iCloud Drive ou em Downloads; editor e prévia ficam empilhados na tela. No Android funciona igual, pelo seletor de arquivos.

Posso salvar ou baixar o HTML editado?

Pode. Baixar .html grava o conteúdo atual do editor como arquivo UTF-8 e mantém o nome original quando você abriu um arquivo. Se o código declarava outro charset, a tag meta passa a dizer utf-8 na cópia salva, para os acentos continuarem certos.

Como converter HTML em PDF?

Aqui não há conversão: a ferramenta só renderiza e edita HTML. Quando a prévia estiver do jeito certo, baixe a página em .html, abra no navegador e use Imprimir escolhendo Salvar como PDF no destino.

CSS, JavaScript e imagens externos carregam na prévia? É seguro?

URLs https absolutas carregam normalmente, incluindo CSS, scripts e imagens de CDN. Caminhos relativos como ./style.css não resolvem, porque a prévia não tem pasta própria. O quadro roda em sandbox com scripts liberados mas sem acesso à mesma origem, então cookies, armazenamento e caixas de alerta ficam bloqueados.