diff options
Diffstat (limited to 'files/fr/web/html/element/code/index.md')
| -rw-r--r-- | files/fr/web/html/element/code/index.md | 108 |
1 files changed, 73 insertions, 35 deletions
diff --git a/files/fr/web/html/element/code/index.md b/files/fr/web/html/element/code/index.md index c6ccf9dbba..2020c817fb 100644 --- a/files/fr/web/html/element/code/index.md +++ b/files/fr/web/html/element/code/index.md @@ -12,33 +12,63 @@ tags: translation_of: Web/HTML/Element/code browser-compat: html.elements.code --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément HTML <strong><code><code></code></strong> représente un court fragment de code machine. Par défaut, l'agent utilisateur utilise une police à chasse fixe (<em>monospace</em>) afin d'afficher le texte contenu dans cet élément.</p> +L'élément HTML **`<code>`** représente un court fragment de code machine. Par défaut, l'agent utilisateur utilise une police à chasse fixe (_monospace_) afin d'afficher le texte contenu dans cet élément. -<div>{{EmbedInteractiveExample("pages/tabbed/code.html", "tabbed-shorter")}}</div> +{{EmbedInteractiveExample("pages/tabbed/code.html", "tabbed-shorter")}} <table class="properties"> <tbody> <tr> - <th scope="row"><a href="/fr/docs/Web/Guide/HTML/Content_categories">Catégories de contenu</a></th> - <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content">contenu phrasé</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content">contenu tangible</a>.</td> + <th scope="row"> + <a href="/fr/docs/Web/Guide/HTML/Content_categories" + >Catégories de contenu</a + > + </th> + <td> + <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + >Contenu de flux</a + >, + <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + >contenu phrasé</a + >, + <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content" + >contenu tangible</a + >. + </td> </tr> <tr> <th scope="row">Contenu autorisé</th> - <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content">Contenu phrasé</a>.</td> + <td> + <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + >Contenu phrasé</a + >. + </td> </tr> <tr> <th scope="row">Omission de balises</th> - <td>Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.</td> + <td> + Aucune, la balise d'ouverture et la balise de fermeture sont + obligatoires. + </td> </tr> <tr> <th scope="row">Parents autorisés</th> - <td>Tout élément acceptant du <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content">contenu phrasé</a>.</td> + <td> + Tout élément acceptant du + <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + >contenu phrasé</a + >. + </td> </tr> <tr> <th scope="row">Rôle ARIA implicite</th> - <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">Pas de rôle correspondant</a></td> + <td> + <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role" + >Pas de rôle correspondant</a + > + </td> </tr> <tr> <th scope="row">Rôles ARIA autorisés</th> @@ -46,48 +76,56 @@ browser-compat: html.elements.code </tr> <tr> <th scope="row">Interface DOM</th> - <td><a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>. Jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémentait l'interface <a href="/fr/docs/Web/API/HTMLSpanElement"><code>HTMLSpanElement</code></a> pour cet élément.</td> + <td> + <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a + >. Jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémentait + l'interface + <a href="/fr/docs/Web/API/HTMLSpanElement" + ><code>HTMLSpanElement</code></a + > + pour cet élément. + </td> </tr> </tbody> - </table> +</table> -<h2 id="attributes">Attributs</h2> +## Attributs -<p>Cet élément prend uniquement en charge <a href="/fr/docs/Web/HTML/Global_attributes">les attributs universels</a>.</p> +Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web/HTML/Global_attributes). -<h2 id="example">Exemples</h2> +## Exemples -<p>Un paragraphe de texte qui contient <code><code></code> :</p> +Un paragraphe de texte qui contient `<code>` : -<pre class="brush: html"><p> - La fonction <code>selectAll()</code> met en évidence tout le texte - du champ de saisie afin que l'utilisateur puisse, par exemple, le +```html +<p> + La fonction <code>selectAll()</code> met en évidence tout le texte + du champ de saisie afin que l'utilisateur puisse, par exemple, le copier ou le supprimer. -</p></pre> +</p> +``` -<p>La sortie générée par ce HTML ressemble à ceci :</p> +La sortie générée par ce HTML ressemble à ceci : -<p>{{EmbedLiveSample('example', '', 100)}}</p> +{{EmbedLiveSample('example', '', 100)}} -<h2 id="notes">Notes</h2> +## Notes -<p>Pour représenter plusieurs lignes de code, enveloppez l'élément <code><code></code> dans un élément <a href="/fr/docs/Web/HTML/Element/pre"><code><pre></code></a>. L'élément <code><code></code> en lui-même ne représente qu'une seule phrase de code ou ligne de code.</p> +Pour représenter plusieurs lignes de code, enveloppez l'élément `<code>` dans un élément [`<pre>`](/fr/docs/Web/HTML/Element/pre). L'élément `<code>` en lui-même ne représente qu'une seule phrase de code ou ligne de code. -<p>Une règle CSS peut être définie pour le sélecteur <code>code</code> afin de remplacer la fonte par défaut du navigateur. Les préférences définies par l'utilisateur peuvent avoir la priorité sur la règle CSS spécifiée.</p> +Une règle CSS peut être définie pour le sélecteur `code` afin de remplacer la fonte par défaut du navigateur. Les préférences définies par l'utilisateur peuvent avoir la priorité sur la règle CSS spécifiée. -<h2 id="specifications">Spécifications</h2> +## Spécifications -<p>{{Specifications}}</p> +{{Specifications}} -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat}}</p> +{{Compat}} -<h2 id="see_also">Voir aussi</h2> +## Voir aussi -<ul> - <li>L'élément <a href="/fr/docs/Web/HTML/Element/samp"><code><samp></code></a></li> - <li>L'élément <a href="/fr/docs/Web/HTML/Element/kbd"><code><kbd></code></a></li> - <li>L'élément <a href="/fr/docs/Web/HTML/Element/var"><code><var></code></a></li> - <li>L'élément <a href="/fr/docs/Web/HTML/Element/pre"><code><pre></code></a></li> -</ul> +- L'élément [`<samp>`](/fr/docs/Web/HTML/Element/samp) +- L'élément [`<kbd>`](/fr/docs/Web/HTML/Element/kbd) +- L'élément [`<var>`](/fr/docs/Web/HTML/Element/var) +- L'élément [`<pre>`](/fr/docs/Web/HTML/Element/pre) |