<code>: O Elemento Inline Code

Você está lendo a versão em inglês deste conteúdo porque ainda não há uma tradução para este idioma. Ajude-nos a traduzir este artigo!

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.

Content categories Flow content, phrasing content, palpable content.
Permitted content Phrasing content.
Tag omission None, both the starting and ending tag are mandatory.
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 sainda 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

Especificação Status Comentário
HTML Living Standard
The definition of '<code>' in that specification.
Padrão em tempo real
HTML5
The definition of '<code>' in that specification.
Recomendação
HTML 4.01 Specification
The definition of '<code>' in that specification.
Recomendação

Compatibilidade com navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
codeChrome Full support 1Edge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

Veja também