<code>
Un fragment de code informatique : le nom d’une variable, d’une fonction, d’une balise ou d’un fichier, ainsi qu’un court extrait.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p>Pour afficher du texte dans la console, utilisez la fonction <code>console.log()</code>.</p>
<p>Le fichier principal d’une page s’appelle généralement <code>index.html</code>, et un paragraphe est créé par la balise <code><p></code>.</p>Définition et utilisation
#L’élément <code> marque un fragment de code : le nom d’une variable, d’une fonction ou d’une balise, un nom de fichier, une commande ou un court morceau de programme. Les navigateurs l’affichent dans une police à largeur fixe.
Dans une phrase, un simple <code> suffit. Placez un extrait de plusieurs lignes dans <pre><code>…</code></pre>, car <code> seul fusionne les espaces et ignore les retours à la ligne, comme un texte ordinaire.
Écrivez les caractères < et & sous la forme < et &, sinon le navigateur traitera l’exemple HTML comme de vraies balises. Le langage du code se donne traditionnellement dans une classe avec le préfixe language-, par exemple class="language-js". Les bibliothèques de coloration syntaxique s’appuient sur cette convention.
Les éléments apparentés sont <kbd> (ce que l’utilisateur saisit), <samp> (ce que répond le programme) et <var> (une variable dans une formule ou un symbole substituable).
Syntaxe
#<code>fragment de code</code>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
Plus d’exemples
#<pre><code class="language-python">for lesson in range(1, 4):
print("Leçon", lesson)</code></pre>CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
code {
font-family: monospace;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- N’oubliez pas les entités :
<à la place de<et&à la place de&. - Un bloc de code, c’est
<pre><code>, un court fragment dans une phrase, c’est un simple<code>. - Si le site colore la syntaxe, ajoutez une classe avec le nom du langage, par exemple
language-css.
Entrées associées
#- <pre>Un texte préformaté : il conserve les espaces, les tabulations et les retours à la ligne exactement comme dans le code.
- <kbd>Une saisie effectuée par l’utilisateur : des touches, des raccourcis clavier et des commandes à saisir.
- <samp>Un résultat type d’un programme : un message, une réponse de la console ou le texte d’une erreur.
- <var>Une variable dans une formule mathématique ou dans un programme, ainsi qu’un symbole substituable dans une commande.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.