<code>: O Elemento Inline Code

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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.

Experimente

Content categories Flow content, phrasing content, palpable content.
Permitted content Phrasing content.
Tag omission Nenhuma, tanto a tag inicial quanto a final são obrigatórias.
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>:

html
<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 saída 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

Specification
HTML Standard
# the-code-element

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também