Obsolète
Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.
L'élément HTML <tt> (pour Teletype Text) crée un élément en ligne, écrit dans la police à chasse fixe par défaut du navigateur. Cet élément a été conçu pour mettre en forme du texte comme s'il apparaissait sur un affichage à largeur fixe tel qu'un téléscripteur.
Cet élément est désormais obsolète et un élément <code>, <kbd>, <var> ou <samp> pourra être utilisé à la place s'il faut afficher du texte en incise avec une police à chasse fixe. On pourra utiliser l'élément <pre> pour afficher un bloc de contenu préformaté (également généralement affiché dans une police à chasse fixe).
<span> mis en forme avec CSS (par exemple la propriété font-family).| 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 |
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.
<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
tt {
font-family: "Lucida Console", "Menlo", "Monaco", "Courier",
monospace;
}
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 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.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<tt>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<tt>' dans cette spécification. |
Recommendation | |
| HTML 4.01 Specification La définition de '<tt>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | Oui | Oui | Oui1 | Oui | Oui | Oui |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | Oui | Oui | Oui | Oui1 | Oui | Oui | Oui |
1. Before Firefox 4, this element implemented the HTMLSpanElement interface instead of the standard HTMLElement interface.