<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 | 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>:
<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 # the-code-element |