<code>

Description

L’élément <code> représente du code informatique dans le flux de texte : noms de variables, fonctions, commandes shell, balises HTML, valeurs de propriétés CSS. Pour un bloc de code multi-lignes, envelopper <code> dans <pre>.

Syntaxe

<p>Utiliser la propriété <code>display: flex</code> pour activer Flexbox.</p>

Exemples

Nom de propriété CSS dans du texte :

<p>La propriété <code>grid-template-columns</code> définit les colonnes d'une grille.</p>

Bloc de code multi-lignes :

<pre><code>function saluer(nom) {
  return `Bonjour, ${nom} !`;
}
</code></pre>

Commande shell :

<p>Installez les dépendances avec <code>npm install</code>.</p>

Notes

<code> seul vs <pre><code> : <code> seul est inline et ne préserve pas les espaces et sauts de ligne. Pour afficher du code multi-lignes avec indentation, toujours l’envelopper dans <pre>.

Coloration syntaxique : <code> ne fournit pas de coloration syntaxique nativement. Les bibliothèques comme Prism.js ou highlight.js s’appliquent sur <pre><code class="language-js">.