Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

<tt> : l'élément de texte de téléscripteur

Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.

L'élément HTML <tt> crée du texte en ligne présenté avec la police monospace par défaut de l'agent utilisateur. Cet élément a été conçu pour rendre du texte tel qu'il serait affiché sur un dispositif à largeur fixe, comme un téléscripteur, un écran texte ou une imprimante ligne.

Les termes non proportionnel, monotype et monospace sont utilisés de façon interchangeable et ont le même sens général : ils décrivent une police dont tous les caractères ont le même nombre de pixels en largeur.

Cependant, cet élément est obsolète. Vous devriez utiliser les éléments plus sémantiquement appropriés <code>, <kbd>, <samp> ou <var> pour le texte en ligne devant être présenté en monospace, ou la balise <pre> pour du contenu devant être présenté comme un bloc séparé.

Note : Si aucun des éléments sémantiques n'est approprié à votre cas d'utilisation (par exemple, si vous devez afficher du contenu dans une police non proportionnelle), envisagez d'utiliser l'élément <span>, en le stylant via CSS selon vos besoins. La propriété font-family est un bon point de départ.

Attributs

Cet élément inclut uniquement les attributs universels.

Exemples

Exemple simple

Cet exemple utilise <tt> afin d'afficher le texte affiché et saisi dans un terminal.

html
<p>
  Veuillez saisir la commande telnet suivante :
  <code>set localecho</code><br />
  Le client telnet devrait alors afficher :
  <tt>Local Echo is on</tt>
</p>

Résultat

Surcharger la police par défaut

Il est possible de surcharger la police par défaut utilisée pour cet élément grâce à CSS :

CSS

css
tt {
  font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
}

HTML

html
<p>
  Veuillez saisir la commande telnet suivante :
  <code>set localecho</code><br />
  Le client telnet devrait alors afficher :
  <tt>Local Echo is on</tt>
</p>

Résultat

Notes d'utilisation

Par défaut, le contenu de l'élément <tt> est affiché avec la police à chasse fixe par défaut du navigateur. Comme vu dans l'exemple précédent, il est possible de surcharger cette police.

Note : Les règles de style propres à l'utilisateur·ice sont prioritaires par rapport aux feuilles de style d'un site ou d'une application web.

Bien que cet élément n'ait pas été officiellement déprécié en HTML 4.01, son utilisation a été déconseillée pour privilégier d'autres éléments HTML ou une mise en forme via CSS. L'élément <tt> est désormais obsolète en HTML5.

Résumé technique

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisés Tout élément qui accepte du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement

Spécifications

Specification
HTML
# tt

Compatibilité des navigateurs

Voir aussi