Etiqueta <kbd> de HTML

Definición y uso

<kbd> La etiqueta se utiliza para definir entrada de teclado. Su contenido se muestra con la fuente monoespaciada predeterminada del navegador.

Consejo:Esta etiqueta no ha sido obsoleta. Sin embargo, se pueden lograr efectos más ricos utilizando CSS (vea el ejemplo a continuación).

Vea también:

Etiqueta Descripción
<code> Definir salida de ejemplo de programa de computadora.
<samp> Definir entrada de teclado.
<var> Definir variables.
<pre> Definir texto preformateado.

Vea también:

Tutoriales de HTML:Formateo de texto HTML

Manual de Referencia del DOM HTML:Objeto Kbd

Ejemplo

Ejemplo 1

Definir algunos textos en el documento como entrada de teclado:

<p>Presione <kbd>Ctrl</kbd> + <kbd>C</kbd> para copiar el texto (Windows).</p>
<p>Presione <kbd>Cmd</kbd> + <kbd>C</kbd> para copiar el texto (Mac OS).</p>

Prueba personalmente

Ejemplo 2

Establecer el estilo de <kbd> usando CSS:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Presione <kbd>Ctrl</kbd> + <kbd>C</kbd> para copiar el texto (Windows).</p>
<p>Presione <kbd>Cmd</kbd> + <kbd>C</kbd> para copiar el texto (Mac OS).</p>
</body>
</html>

Prueba personalmente

Atributos globales

<kbd> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<kbd> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <kbd> Elemento:

kbd {
  font-family: monospace;
}

Prueba personalmente

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte