From dea9d1f019d9e14357c58cf18653df1ac779d9d8 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:13:08 +0200 Subject: convert content to md --- files/fr/web/html/element/samp/index.md | 216 +++++++++++++++++--------------- 1 file changed, 113 insertions(+), 103 deletions(-) (limited to 'files/fr/web/html/element/samp') diff --git a/files/fr/web/html/element/samp/index.md b/files/fr/web/html/element/samp/index.md index f6b73cc9e6..613be3c1b4 100644 --- a/files/fr/web/html/element/samp/index.md +++ b/files/fr/web/html/element/samp/index.md @@ -8,156 +8,166 @@ tags: - Web translation_of: Web/HTML/Element/samp --- -
{{HTMLRef}}
+{{HTMLRef}} -

L'élément HTML <samp> est un élément qui permet de représenter un résultat produit par un programme informatique. Il est généralement affiché avec la police à chasse fixe du navigateur (par exemple en Courier ou en Lucida Console).

+L'élément HTML **``** est un élément qui permet de représenter un résultat produit par un programme informatique. Il est généralement affiché avec la police à chasse fixe du navigateur (par exemple en Courier ou en Lucida Console). -
{{EmbedInteractiveExample("pages/tabbed/samp.html", "tabbed-shorter")}}
+{{EmbedInteractiveExample("pages/tabbed/samp.html", "tabbed-shorter")}} -

Attributs

+## Attributs -

Cet élément inclut uniquement les attributs universels.

+Cet élément inclut uniquement [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). -

Notes d'utilisation

+## Notes d'utilisation -

Il est possible d'utiliser une règle CSS afin de surcharger la police par défaut utilisée par le navigateur pour les éléments <samp>. On rappelle ici que les préférences de l'utilisateur peuvent également prendre le pas sur les feuilles de styles des documents.

+Il est possible d'utiliser une règle CSS afin de surcharger la police par défaut utilisée par le navigateur pour les éléments ``. On rappelle ici que les préférences de l'utilisateur peuvent également prendre le pas sur les feuilles de styles des documents. -

Voici un exemple de règle permettant de surcharger la police par défaut pour ces éléments :

+Voici un exemple de règle permettant de surcharger la police par défaut pour ces éléments : -
samp {
+```css
+samp {
   font-family: "Courier";
-}
+} +``` -
-

Note : S'il vous faut un élément qui serve de conteneur pour une valeur produite par le site ou l'application, vous devriez utiliser {{HTMLElement("output")}} plutôt que <samp>.

-
+> **Note :** S'il vous faut un élément qui serve de conteneur pour une valeur produite par le site ou l'application, vous devriez utiliser {{HTMLElement("output")}} plutôt que ``. -

Exemples

+## Exemples -

Exemple simple

+### Exemple simple -

HTML

+#### HTML -
<p>
+```html
+

   Texte normal.
-  <samp>Extrait de texte produit par un programme.</samp>
+  Extrait de texte produit par un programme.
   Texte normal.
-</p>
-
+

+``` -

Résultat

+#### Résultat -

{{EmbedLiveSample("Exemples")}}

+{{EmbedLiveSample("Exemples")}} -

Sortie incluant une entrée utilisateur

+### Sortie incluant une entrée utilisateur -

Il est possible d'imbriquer un élément {{HTMLElement("kbd")}} dans un bloc <samp> afin de représenter un fragment de texte saisi par l'utilisateur. Par exemple, si on souhaite retranscrire une session d'un terminal (sous Linux ou macOS), on pourra utiliser le code suivant.

+Il est possible d'imbriquer un élément {{HTMLElement("kbd")}} dans un bloc `` afin de représenter un fragment de texte saisi par l'utilisateur. Par exemple, si on souhaite retranscrire une session d'un terminal (sous Linux ou macOS), on pourra utiliser le code suivant. -

HTML

+#### HTML -
<pre>
-<samp><span class="prompt">jean@internets:~$</span><kbd>md5 -s "Coucou monde"</kbd>
+```html
+
+jean@internets:~$md5 -s "Coucou monde"
 MD5 ("Coucou monde") = b961d9fb0ef48ff051fb67625abd0022
 
-<span class="prompt">jean@internets:~$</span> <span class="cursor">█</span></samp></pre>

+jean@internets:~$ █
+``` -

On notera l'utilisation de {{HTMLElement("span")}} qui permet de personnaliser l'apparence de certaines portions du texte (comme l'invite ou le curseur). On notera également l'utilisation de <kbd> afin de représenter la commande saisie par l'utilisateur dans l'invite.

+On notera l'utilisation de {{HTMLElement("span")}} qui permet de personnaliser l'apparence de certaines portions du texte (comme l'invite ou le curseur). On notera également l'utilisation de `` afin de représenter la commande saisie par l'utilisateur dans l'invite. -

CSS

+#### CSS -

Voici la feuille de style que nous utilisons :

+Voici la feuille de style que nous utilisons : -
.prompt {
+```css
+.prompt {
   color: #b00;
 }
 
-samp > kbd {
+samp > kbd {
   font-weight: bold;
 }
 
 .cursor {
   color: #00b;
-}
+} +``` -

Cela permet simplement de colorer légèrement l'invite et le curseur. On utilise du gras pour le texte saisi au clavier.

+Cela permet simplement de colorer légèrement l'invite et le curseur. On utilise du gras pour le texte saisi au clavier. -

Résultat

+#### Résultat -

{{EmbedLiveSample("Sortie_incluant_une_entrée_utilisateur", 650, 120)}}

+{{EmbedLiveSample("Sortie_incluant_une_entrée_utilisateur", 650, 120)}} -

Résumé technique

+## Résumé technique - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé, contenu tangible.
Contenu autoriséContenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément acceptant du contenu phrasé.
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOM{{domxref("HTMLElement")}}
+ Catégories de contenu + + Contenu de flux, + contenu phrasé, + contenu tangible. +
Contenu autorisé + Contenu phrasé. +
Omission de balises{{no_tag_omission}}
Parents autorisés + Tout élément acceptant du + contenu phrasé. +
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOM{{domxref("HTMLElement")}}
-

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-samp-element', '<samp>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-samp-element', '<samp>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<samp>')}}{{Spec2('HTML4.01')}} 
+## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------ | +| {{SpecName('HTML WHATWG', 'semantics.html#the-samp-element', '<samp>')}} | {{Spec2('HTML WHATWG')}} |   | +| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-samp-element', '<samp>')}} | {{Spec2('HTML5 W3C')}} |   | +| {{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<samp>')}} | {{Spec2('HTML4.01')}} |   | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("html.elements.samp")}}

+{{Compat("html.elements.samp")}} -

Notes

+## Notes -

On peut appliquer une règle CSS sur le sélecteur samp afin de remplacer la police de caractère par défaut du navigateur.

+On peut appliquer une règle CSS sur le sélecteur `samp` afin de remplacer la police de caractère par défaut du navigateur. -

Voir aussi

+## Voir aussi -
    -
  • {{HTMLElement("code")}}
    • -
  • {{HTMLElement("kbd")}}
    • -
  • {{HTMLElement("pre")}}
    • -
  • {{HTMLElement("output")}}
    • -
+- {{HTMLElement("code")}} +- {{HTMLElement("kbd")}} +- {{HTMLElement("pre")}} +- {{HTMLElement("output")}} -- cgit v1.2.3-54-g00ecf