Aller au contenu

Balise HTML <samp>

La balise <samp> contient la sortie d'exemple d'un programme informatique ou d'un script. Dans le navigateur, le contenu de la balise est affiché par défaut dans une police monospace.

La balise <samp> est un élément de contenu de formulation indiquant qu'une section de texte possède une signification structurelle.

Vous pouvez obtenir un meilleur rendu avec CSS, bien que la balise <samp> ne soit pas dépréciée.

La police par défaut du navigateur peut être remplacée par une règle CSS appliquée à la balise <samp>, généralement via la propriété font-family. Toutefois, les préférences du navigateur ou les feuilles de style de l'agent utilisateur peuvent prendre le pas sur toute CSS spécifiée.

Vous pouvez utiliser la balise <output> à la place de <samp> si vous souhaitez qu'un élément serve de conteneur pour la sortie générée par le site web ou par du code JavaScript.

Syntaxe

La balise <samp> s'utilise par paire. Le contenu est écrit entre les balises d'ouverture (<samp>) et de fermeture (</samp>).

Exemple de la balise HTML <samp> :

Balise HTML <samp>

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>You see an ordinary text here. <samp>But this is a sample text.</samp> And another ordinary text.</p>
  </body>
</html>

Résultat

samp tag example

En HTML, il existe d'autres éléments utilisés pour spécifier les parties d'un document technique : la balise <code> sert à définir le code source d'un programme informatique, la balise <kbd> sert à spécifier une saisie au clavier, et la balise <var> sert à indiquer des variables. Bien que <code> et <samp> utilisent tous deux des polices monospace, <code> représente le code source réel, tandis que <samp> représente la sortie générée par ce code.

Attributs

La balise <samp> prend en charge les Attributs globaux et les Attributs d'événement.

Comment styliser une balise HTML <samp>

css
samp {
  /* Overrides the default monospace font */
  font-family: Arial, sans-serif;
  color: #333;
}

Pratique

Quel est l'objectif de la balise HTML <samp> et comment est-elle utilisée ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.