<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 |
Compatibilidade com navegadores
Loading…