L'élément HTML <kbd> représente la saisie d'un utilisateur et produit un élément en ligne affiché avec la police à chasse fixe du navigateur.
| 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 | HTMLElementJusqu'à Gecko 1.9.2 (Firefox 4), Firefox implémentait l'interface HTMLSpanElement pour cet élément. |
Attributs
Cet élément ne contient que les attributs universels.
Exemples
HTML
<p> Saisissez le texte suivant : <kbd>cmd</kbd> puis cliquez sur le bouton OK. </p> <p> Enregistrez le document en appuyant sur <kbd>Ctrl</kbd> + <kbd>S</kbd> </p>
Résultat
Note
Il est possible d'utiliser CSS afin de paramétrer une autre police de caractères que celle utilisée par défaut par le navigateur. Les réglages de l'utilisateur pourront prendre le pas sur les polices paramétrées dans les feuilles de style CSS.
Lorsque l'élément <kbd> est imbriqué dans un élément <samp>, il représente la saisie renvoyée par le système.
Lorsque l'élément <kbd> contient un élément <samp>, il représente la saisie produite par la sortie du système.
Lorsque l'élément <kbd> est imbriqué dans un autre élément <kbd>, il représente une touche de clavier ou une autre unité de saisie correspondant au mécanisme de saisie.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<kbd>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<kbd>' dans cette spécification. |
Recommendation | Extension de l'élément afin d'inclure les différents types de saisie de l'utilisateur (interface vocale, frappes de touches individuelles). |
| HTML 4.01 Specification La définition de '<kbd>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | 1.0 (1.7 ou moins) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | 1.0 (1.0) | (Oui) | (Oui) | (Oui) |