L'élément HTML <pre> représente du texte préformaté, généralement écrit avec une police à chasse fixe. Le texte est affiché tel quel, les espaces utilisés dans le document HTML seront retranscrits.
Note : Il est nécessaire d'échapper les caractères '<' en '<' afin de s'assurer que le code écrit entre les éléments ne soit pas interprété de façon involontaire.
| Catégories de contenu | Contenu de flux, 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 de flux. |
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | HTMLPreElement |
Attributs
Cet élément inclut uniquement les attributs universels.
cols- Cet attribut contient le nombre préféré de caractères qu'une ligne devrait avoir. Cet attribut était un synonyme non-standard de
width. Afin d'obtenir cet effet, il est plutôt conseillé d'utiliser la propriétéwidth. width- Cet attribut contient le nombre préféré de caractères qu'une ligne devrait avoir. Bien qu'implémenté, cet attribut n'a aucun effet visuel. Pour obtenir cet effet, il est plutôt conseillé d'utiliser
width. wrap- Cet attribut est une indication sur la façon de gérer le dépassement d'une ligne. Les navigateurs modernes ignorent cette indication et cet attribut n'engendre aucun effet visuel. Pour obtenir cet effet, il faut utiliser la propriété CSS
white-space.
Exemples
HTML
<pre>
body {
color:red;
}
</pre>
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<pre>' dans cette spécification. |
Standard évolutif | Aucune modification majure depuis WHATWG HTML Living Standard |
| HTML5 La définition de '<pre>' dans cette spécification. |
Recommendation | Aucune modification majeure depuis HTML 4.01 Specification. |
| HTML 4.01 Specification La définition de '<dl>' dans cette spécification. |
Recommendation | Dépréciation de l'attribut cols. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Support simple | 1.0 | (Oui) | 1.0 (1.7 ou moins) | (Oui) | (Oui) | (Oui) |
width |
(Oui)[1] | (Oui)[1] | 1.0 (1.7 ou moins) 29.0 (29.0)[1] |
(Oui)[1] | (Oui)[1] | (Oui)[1] |
cols |
Pas de support | Pas de support | 1.0 (1.7 ou moins) Pas de support 29.0 (29.0) |
Pas de support | Pas de support | Pas de support |
wrap |
? | Pas de support | 1.0 (1.7 ou moins) | ? | ? | ? |
| Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | 1.0 (1.0) | (Oui) | (Oui) | (Oui) |
width |
? | (Oui)[1] | 1.0 (1.0)29.0 (29.0)[1] | ? | ? | ? |
cols |
Pas de support | Pas de support | 1.0 (1.0) | Pas de support | Pas de support | Pas de support |
wrap |
? | Pas de support | 1.0 (1.0) | ? | ? | ? |
[1] Utiliser l'attribut width n'a aucun effet sur la disposition.
Voir aussi
- Les propriétés CSS
white-spaceetword-break