<code>: Elemento CODE
Última atualização: 2026-10-13
<code>Elemento CODE
Marca um fragmento de código de computador, renderizado em fonte monoespaçada por padrão.
| Categoria | Formatação |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (phrasing) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </code> tag |
| Status | Padrão |
📝 Sintaxe
<code>trecho de código</code>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <code> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Para código multilinha, envolva <code> dentro de <pre> para preservar quebras de linha e indentação.
❓ Perguntas Frequentes
QQual é a diferença entre code e pre?
A
<code> marca código inline, exibido junto ao fluxo do texto; <pre> preserva quebras de linha e espaços do código-fonte, ideal para blocos inteiros. Os dois costumam ser combinados: <pre><code>…</code></pre> exibe código de várias linhas — o pre cuida do layout e o code, da semântica.QComo exibir sinais de menor e maior dentro da tag code?
AÉ obrigatório usar entidades HTML: o sinal de menor é
< e o de maior é >. Por exemplo, para exibir <div>, o código-fonte precisa conter <div>; caso contrário, o navegador interpreta o conteúdo entre os sinais como tags reais.QA tag code precisa definir fonte?
AO navegador exibe o conteúdo de
<code> em fonte monoespaçada por padrão; normalmente não é preciso configurar nada. Para padronizar o estilo, defina o font-family via CSS, de preferência com uma pilha completa de fontes monoespaçadas de reserva, cobrindo diferentes sistemas operacionais.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
