Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
<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.
Oelemento **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 douser agent's.
In this article
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 acceptsphrasing content. |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements theHTMLSpanElement interface for this element. |
Atributos
Esse elemento inclui apenas osglobal 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 seletorcode 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> |