Balise HTML <kbd>

Définition et utilisation

<kbd> La balise est utilisée pour définir une entrée de clavier. Son contenu est affiché en police à largeur fixe par défaut du navigateur.

Astuce :Ce tag n'est pas obsolète. Cependant, l'utilisation de CSS permet d'obtenir des effets plus riches (voir l'exemple suivant).

Voir également :

Balise Description
<code> Définir une sortie d'exemple de programme informatique.
<samp> Définir une entrée de clavier.
<var> Définir une variable.
<pre> Définir un texte préformaté.

Voir également :

Tutoriel HTML :Formatage de texte HTML

Manuel de référence HTML DOM :Objet Kbd

Exemple

Exemple 1

Définir certains textes dans le document comme entrée de clavier :

<p>Appuyez sur <kbd>Ctrl</kbd> + <kbd>C</kbd> pour copier le texte (Windows).</p>
<p>Appuyez sur <kbd>Cmd</kbd> + <kbd>C</kbd> pour copier le texte (Mac OS).</p>

Essayez-le vous-même

Exemple 2

Définir le style des éléments <kbd> à l'aide de CSS :

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Appuyez sur <kbd>Ctrl</kbd> + <kbd>C</kbd> pour copier le texte (Windows).</p>
<p>Appuyez sur <kbd>Cmd</kbd> + <kbd>C</kbd> pour copier le texte (Mac OS).</p>
</body>
</html>

Essayez-le vous-même

Attributs globaux

<kbd> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<kbd> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <kbd> Élément :

kbd {
  font-family: monospace;
}

Essayez-le vous-même

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support