Elemento kbd
Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Descripción
El elemento kbd
representa una entrada del usuario que puede ser hecha por teclado o cualquier otro medio, como mouse, pantalla táctil o comandos de voz.
Ejemplos
El primer ejemplo, contiene instrucciones para copiar y pegar un texto. Las teclas que deben ser presionadas son encerradas por dos elementos kbd
anidados, ya que representan las teclas que debería presionar el usuario.
<p>Presiona <kbd>Ctrl</kbd> y mantenla presionada mientras presionas <kbd>C</kbd>. Luego pasa al segundo documento y presiona <kbd>Ctrl</kbd> y mantenla presionada mientras presionas <kbd>V</kbd>.</p>
Presiona Ctrl y mantenla presionada mientras presionas C. Luego pasa al segundo documento y presiona Ctrl y mantenla presionada mientras presionas V.
El segundo ejemplo, muestra una explicación del procedimiento para imprimir un documento en un procesador de texto. Aquí el elemento kbd
encierra a algunos elementos samp
que representan los ítems de un menú provisto por el programa (es decir, una salida).
<p>Para imprimir tu documento ve a <kbd><samp>Archivo</samp> → <samp>Imprimir...</samp></kbd>, y cuando la ventana se abra presiona <kbd><samp>Ok</samp></kbd>.</p>
Para imprimir tu documento ve a Archivo → Imprimir..., y cuando la ventana se abra presiona Ok.
El tercer y último ejemplo, muestra una salida hecha por la computadora (samp
) que incluye texto previamente ingresado por el usuario (kbd
). Todo el texto se encuentra dentro del elemento pre
para preservar el formato de la salida.
<pre><samp>Ingresa tu nombre: <kbd>Jhon Doe</kbd>
Ah! Eres tu otra vez!
Buscando registro...</samp></pre>
Ingresa tu nombre: Jhon Doe Ah! Eres tu otra vez! Buscando registro...
Atributos
Atributos globales
Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.
Eventos
Eventos globales
Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.