O elemento HTML <code> apresenta seu conteúdo estilizado de maneira a indicar que o texto é um pequeno fragmento de código. Por padrão, o conteúdo é exibido utilizando a fonte monoespaçada padrão do user agent's.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
| Content categories | Flow content, phrasing content, palpable content. |
|---|---|
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts phrasing content. |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element. |
Atributos
Esse elemento inclui apenas os global attributes.
Exemplo
Um parágrafo que inlcui <code>:
<p>A função <code>selectAll()</code> destaca todo o texto no
campo de entrada então o usuário pode, por exemplo, copiar ou deletar o texto.</p>
A sainda gerada por esse trecho HTML se parece com isso:
Notas
Para representar múltiplas linha de código, envolva o elemento <code> dentro do elemento <pre>. O elemento <code> por si só representa somente uma única senteça ou linha de código.
Uma regra CSS pode ser definida para o seletor code para sobrescrever a fonte padrão do navegador. Preferências definidas pelo usuário podem ter precedência sore o CSS especifciado.
Especificações
| Especificação | Status | Comentário |
|---|---|---|
| HTML Living Standard The definition of '<code>' in that specification. |
Padrão em tempo real | |
| HTML5 The definition of '<code>' in that specification. |
Recomendação | |
| HTML 4.01 Specification The definition of '<code>' in that specification. |
Recomendação |
Compatibilidade com navegadores
BCD tables only load in the browser