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.

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.

Cuando el elemento samp contiene al elemento kbd, representa una salida de un programa que incluye un comando o texto que fue ingresado por el usuario.

Cuando el elemento kbd contiene al elemento elemento samp, reporesenta una entrada del usuario que se realiza en base a una salida de la computadora, como puede ser, el comando de un menú.

Cuando el elemento kbd contiene a otro elemento kbd, representa una tecla propiamente dicha u otra unidad simple de entrada según sea apropiado para el mecanismo de entrada.

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 ArchivoImprimir..., 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.