Texto e código / MULTIVERTO

Codificador de entidades HTML

Converta caracteres especiais em entidades HTML para exibir texto e trechos de marcação.

Conversor interativoSua entrada permanece neste navegador. Nenhum texto é enviado para conversão.

Texto para codificar

Entidades HTML

Abrir arquivo localO arquivo permanece no seu navegador.

Conversão em lote

Insira um valor por linha.Resultados em lote

Encadear ferramentas

Aplique cada ferramenta de texto ao resultado anterior. Fluxos de trabalho com texto ↗

Escolha a próxima ferramenta

Nome da sequência

Sequências salvas

Somente o nome da sequência e a ordem das ferramentas são salvos neste navegador. Sua entrada e seus resultados nunca são salvos.

01 / Exemplo

Exemplo

Sua entradaOlá & bem-vindo

ResultadoOlá & bem-vindo

02 / Guia

Codificador de entidades HTML — Como funciona

Por que representar caracteres como entidades?

O HTML usa certos caracteres como parte de sua própria sintaxe. Um sinal de menor que pode iniciar uma etiqueta, enquanto o ampersand inicia uma referência de caractere. Se você quer mostrar um exemplo de código literalmente, precisa representar esses símbolos de maneira que o navegador os trate como texto. O codificador troca, por exemplo, < por < e & por &. Ao renderizar o resultado dentro de um nó de texto HTML, o navegador volta a exibir os caracteres originais para o leitor. O processo muda a representação no documento, não o conteúdo que a pessoa deve ler.

Exemplo do texto ao código-fonte

Considere a frase Olá & bem-vindo como algo a ensinar numa página. Se for inserida diretamente como código HTML, será interpretado como elemento e não aparecerá como texto. Após a codificação, a sequência começa com e o ampersand dentro da frase vira &. No código-fonte, os sinais estão escapados; na página apresentada, a frase original pode ser lida literalmente. Teste o resultado num elemento de texto para confirmar a intenção. Se copiar o texto já codificado para um campo que também escapa HTML automaticamente, poderá ocorrer codificação dupla e a pessoa verá “<” em vez do sinal menor que.

Escolha o contexto de destino

Esta ferramenta é apropriada para preparar um trecho visível em conteúdo HTML, como um exemplo de marcação numa documentação. Em aplicações reais, um mecanismo de template confiável normalmente faz essa etapa ao inserir dados num nó de texto. Um atributo HTML, uma URL, uma regra CSS e uma string JavaScript têm regras próprias; não basta colar ali o mesmo resultado. Se o objetivo é preservar formatação permitida de um texto enviado por usuários, é necessário um sanitizador de HTML projetado para isso, com uma lista clara de elementos e atributos aceitos. Codificar todos os sinais pode tornar qualquer marcação inerte, o que é diferente de permitir parte dela com segurança.

Como evitar surpresas e testar

Observe as aspas, apóstrofos, caracteres com acento e sinais já escritos como entidades na entrada. Uma entidade existente pode ter seu ampersand codificado outra vez, criando uma camada extra. Faça um teste pequeno com &, <, > e aspas, copie o código produzido e compare a exibição final no navegador com o texto pretendido. Esta transformação não criptografa a informação nem remove conteúdo perigoso de um documento HTML completo. Para dados de formulário, guarde também a versão original se precisar editar ou auditar o texto depois. Quando o destino for uma URL, use codificação de componente de URL; as entidades HTML não substituem o escape percentual daquele formato.

Como esta conversão transforma a entrada

Texto a codificar

Referências de personagens

HTML entities