element is used to identify keystrokes that the user needs to make on his
or her keyboard. These keystrokes could form a string of text, or they
could reflect individual key presses that the user must complete (for
example, pressing Enter or Backspace). It’s most likely to be found in
online technical manuals or support sites.
Most browsers will render
kbd content in a monospace font, but it’s possible to
style its display with CSS (for example, setting a background color and a
border to make the character appear a little more like a key on a
The example HTML above would render as shown in Figure 1.
kbdelement as monospaced
A support site that provides instructions to help Windows users to unfreeze an application might include the following HTML:
<p>Hold down <kbd>CTRL</kbd>, <kbd>ALT</kbd>, and <kbd>DELETE</kbd>, then select Task Manager</p>
Use This For …
This element is used to identify individual key presses, complete words that must be typed, or buttons that should be pressed on a keypad.
kbd has good browser support; most major browsers
render it in a fixed-width font.
There are no comments yet.