Escapar HTML
Deixe qualquer texto seguro para colocar dentro de um HTML, para que ele apareça como foi escrito em vez de ser lido como marcação.
Texto
Codificado
Escapar HTML online
Mostrar código em um post de blog, colocar o nome de um produto em um template ou exibir o que um usuário digitou exigem o mesmo passo: transformar em entidades os caracteres que o HTML trata como sintaxe. Esta página abre o Codificador de Entidades HTML no modo de codificação, com um exemplo.
Antes e depois
| Texto | Escapado |
|---|---|
<p>Hello</p> | <p>Hello</p> |
Tom & Jerry | Tom & Jerry |
say "hi" | say "hi" |
Escapar no código
| Linguagem | Função |
|---|---|
| PHP | htmlspecialchars($s, ENT_QUOTES) |
| Python | html.escape(s) |
| JavaScript (DOM) | defina textContent em vez de innerHTML |
| Templates | Twig, Jinja, Blade e React escapam a saída por padrão |
Se o seu motor de templates já escapa a saída, não escape o texto antes, ou os visitantes vão ver &amp; em vez de &.
Ferramentas relacionadas
Para fazer o caminho inverso, use decodificar entidades HTML. Para texto que vai para uma URL e não para uma página, use o codificador de URL.