<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 julho de 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

<p>
  The <code>push()</code> method adds one or more elements to the end of an
  array and returns the new length of the array.
</p>

code {
  background-color: #eee;
  border-radius: 3px;
  font-family: courier, monospace;
  padding: 0 3px;
}

Content categories Permitted content Tag omission Permitted parents Permitted ARIA roles DOM interface

Flow content, phrasing content, palpable content.

Phrasing content.

Nenhuma, tanto a tag inicial quanto a final são obrigatórias.

Any element that accepts phrasing content.

Any

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: