Bootstrap Code
Bootstrap vous permet d'afficher du code de deux manières :
- La première est la balise <code>. Si vous souhaitez afficher du code en ligne, vous devez utiliser la balise <code>.
- La seconde est la balise <pre>. Si le code doit être affiché comme un élément de bloc séparé ou si le code comporte plusieurs lignes, vous devez utiliser la balise <pre>.
Veuillez vous assurer que lorsque vous utilisez les balises <pre> et <code>, les balises d'ouverture et de fermeture utilisent des variantes Unicode : <et>。
Regardons l'exemple suivant :
Exemple
<p><code><header></code>est enveloppé comme un élément en ligne.</p>
<p>Si vous devez afficher le code comme un élément de bloc séparé, veuillez utiliser<pre>balise :</p>
<pre>
<article>
<h1>Titre de l'article</h1>
</article>
</pre>
Essayez-le vous-même »
L'exemple est présenté dans la figure ci-dessous :
Plus d’exemples
| Élément/Classe | Description | Exemple |
|---|---|---|
| <var> | Affectation de variable :x = ab + y | Essayez par vous-même |
| <kbd> | Saisie au clavier :CTRL + P | Essayez par vous-même |
| <pre> | Plusieurs lignes de code | Essayez par vous-même |
| <pre class="pre-scrollable"> | Plusieurs lignes de code avec barre de défilement | Essayez par vous-même |
| <samp> | Sortie d'un programme informatique :Sample output | Essayez par vous-même |
| <code> | Extrait de code sur la même ligne :span, div |
Essayez par vous-même |