<code> : l'élément de code en ligne
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <code> affiche son contenu avec une mise en forme destinée à indiquer qu'il s'agit d'un court fragment de code informatique. Par défaut, le texte est affiché avec la police monospace par défaut de l'agent utilisateur.
Exemple interactif
<p>
La méthode <code>push()</code> ajoute un ou plusieurs éléments à la fin d'un
tableau et retourne la nouvelle longueur du tableau.
</p>
code {
background-color: #eeeeee;
border-radius: 3px;
font-family: "Courier New", monospace;
padding: 0 3px;
}
Attributs
Cet élément inclut uniquement les attributs universels.
Exemples
Un paragraphe de texte qui contient <code> :
<p>
La fonction <code>selectAll()</code> met en évidence tout le texte du champ de
saisie afin que l'utilisateur·ice puisse, par exemple, le copier ou le
supprimer.
</p>
Résultat
Notes
Pour représenter plusieurs lignes de code, enveloppez l'élément <code> dans un élément <pre>. L'élément <code> en lui-même ne représente qu'une seule phrase de code ou ligne de code.
Une règle CSS peut être définie pour le sélecteur code afin de remplacer la police par défaut du navigateur. Les préférences définies par l'utilisateur·ice peuvent prévaloir sur la règle CSS définie.
Résumé technique
| Catégories de contenu | Contenu de flux, contenu phrasé, contenu tangible. |
|---|---|
| Contenu autorisé | Contenu phrasé. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires. |
| Parents autorisés | Tout élément acceptant du contenu phrasé. |
| Rôle ARIA implicite |
code
|
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM |
HTMLElement. Jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémentait
l'interface HTMLSpanElement
pour cet élément.
|
Spécifications
| Specification |
|---|
| HTML # the-code-element |