Aller au contenu

Balise HTML <tt>

La balise <tt> crée un texte en ligne qui s'affiche dans une police monospace ou à largeur fixe, comme sur une télétype ou une machine à écrire.

Les termes monotype, monospace et non proportionnel ont la même signification. Ils sont utilisés de manière interchangeable et décrivent une police dont les caractères ont tous la même largeur en pixels.

DANGER

La balise <tt> est une balise HTML dépréciée dans HTML5.

Au lieu de la balise <tt>, utilisez la propriété CSS font-family ou les éléments HTML appropriés : la balise <kbd> pour les saisies au clavier, la balise <var> pour les variables, la balise <code> pour le code informatique, la balise <samp> pour les sorties informatiques, et la balise <pre> pour les sauts de ligne et l'indentation.

Syntaxe

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

Exemple de la balise HTML <tt> :

Balise HTML <tt>

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p><tt>And this is a teletype text.</tt></p>
  </body>
</html>

Résultat

Exemple de balise tt

Exemple de l'utilisation de CSS font-family à la place de la balise HTML <tt> :

Exemple avec CSS

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p style="font-family: monospace">And this is a teletype text.</p>
  </body>
</html>

Attributs

La balise <tt> prend en charge les Attributs globaux.

Comment styliser une balise HTML <tt>

json
{
    "tag_name": "tt"
}

Pratique

Quelle est l'utilisation principale de la balise HTML `<tt>` et quel élément la remplace dans HTML5 ?

Trouvez-vous cela utile?

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