kbd
elementHTMLElement
.The kbd
element represents user input (typically keyboard input, although it may also be used to represent other input, such as voice commands).
When the kbd
element is nested inside a samp
element, it represents the input as it was echoed by the system.
When the kbd
element contains a samp
element, it represents input based on system output, for example invoking a menu item.
When the kbd
element is nested inside another kbd
element, it represents an actual key or other single unit of input as appropriate for the input mechanism.
Here the kbd
element is used to indicate keys to press:
<p>To make George eat an apple, press <kbd><kbd>Shift</kbd>+<kbd>F3</kbd></kbd></p>
In this second example, the user is told to pick a particular menu item. The outer kbd
element marks up a block of input, with the inner kbd
elements representing each individual step of the input, and the samp
elements inside them indicating that the steps are input based on something being displayed by the system, in this case menu labels:
<p>To make George eat an apple, select <kbd><kbd><samp>File</samp></kbd>|<kbd><samp>Eat Apple...</samp></kbd></kbd> </p>
Such precision isn't necessary; the following is equally fine:
<p>To make George eat an apple, select <kbd>File | Eat Apple...</kbd></p>