Sélection de la langue

Recherche

Code

Travail en cours

Cette page porte sur un travail en cours.

Veuillez transmettre un problème ou soumettre une demande de tirage s'il manque des renseignements ou des codes ou si la synchronisation est incorrecte ou déphasée avec le principal référentiel (wet-boew/wet-boew).

Usage

L'utiliser pour émuler un code source et l'afficher dans une police de caractères à espacement fixe.

Conception et codage

Utilisation de base

Code incorporé

L'utiliser pour émuler des fragments de code (comme HTML) dans une phrase normale.

Apparence

Content here <a href="#">link</a> content here

Bonne utilisation

Points de conformité :

  • Enveloppez des fragments (une ligne ou moins) de code dans une balise <code>
  • Assurez-vous d'utiliser le code ASCII pour que l'exemple de code soit rendu adéquatement :
    • Crochet ouvrant (<) = &lt;
    • Crochet fermant (>) = &gt;
    • Guillemet ouvrant (") = &quot;
Mauvaise utilisation

Point d'observation :

  • N'utilisez pas cet élément d'une façon qui entre en conflit avec les points de conformité précédents
Code
<p>... <code>&lt;a href=&quot;#&quot;&gt;link&lt;/a&gt;</code> ...</p>

Bloc de code

Utilisez-le pour reproduire plusieurs lignes (blocs) de codes (comme HTML).

Apparence
<pre>
  <code>
   <div class="container-fluid">
    <div class="row">
     ...
	</div>
   </div>
  </code>
</pre>
Bonne utilisation

Points de conformité :

  • Utilisez les balises <pre> et <code> ensemble pour émuler un bloc de code formaté
  • Assurez-vous d'utiliser le code ASCII pour que l'exemple de code soit rendu adéquatement :
    • Crochet ouvrant (<) = &lt;
    • Crochet fermant(>) = &gt;
    • Guillement (") = &quot;
Mauvaise utilisation

Points de conformité :

  • N'utilisez pas cet élément d'une façon qui entre en conflit avec les points de conformité précédents
  • N'utilisez pas cet élément dans les <span lang=fr"> ou <span lang=en">
    • Seulement traduire le texte non-code
Code
<pre><code> 
  &lt;div class=&quot;container-fluid&quot;&gt;
   &lt;div class=&quot;row&quot;&gt;
     ...
   &lt;/div&gt;
  &lt;/div&gt;
</code></pre>

Utilisation améliorée

Fonctions complémentaires

Des fonctions et des comportements complémentaires sont disponibles.

Une partie du code et des documents pour cette page est tirée de Bootstrap (lien externe)

Date de modification: