liveBook · Manning

Kbd element

As explained in Web Design Playground, Second Edition

The HTML kbd element marks text representing keyboard input or other user input.

The HTML kbd element marks text representing keyboard input—typed characters or keys such as Enter—or other user input, including voice commands. Browsers commonly display it in a monospace font. section 16.1

Show the input

For example, type <kbd>Helvetica</kbd> and then press <kbd>Enter</kbd>.

How Web Design Playground, Second Edition covers it

How deep it goes
Defines the element and its common monospace rendering, without detailing browser behavior or styling internals.
Examples
Uses Helvetica as typed input and Enter as a pressed-key example.
What you can do after
Apply it by marking keyboard commands and other user-entered values in HTML.
How it connects
Connects keyboard input with user input, voice commands, and monospace text rendering.

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.