HTML <kbd> Tag

The <kbd> HTML element represents user input that is typically entered via a keyboard, voice command, or other input device. It is commonly used to indicate a string of characters that a user should type, such as commands, keyboard shortcuts, or textual input. The content inside a <kbd> element is usually displayed in a monospaced font by default, helping it visually stand out as user input from surrounding text.

For example, when documenting instructions or tutorials, the <kbd> element can clearly convey the exact keys or sequences a user needs to press, enhancing readability and comprehension. Multiple <kbd> elements can be combined to show key combinations, often joined by symbols like + or →.

While <kbd> is mainly associated with keyboards, it is semantically appropriate for any user interaction input that is explicitly typed or executed by the user, not generated automatically by the system. This makes it particularly useful in technical documentation, guides, and instructional content, where clarity about user actions is crucial.