Элемент <kbd>

Элемент <kbd> (от англ. keyboard — клавиатура) указывает на то, что текст внутри элемента описывает пользовательский ввод (обычно ввод с клавиатуры (физической или виртуальной), хотя он также может использоваться для представления другого ввода, например, голосовых команд).

Вложение элемента <kbd> в другой элемент <kbd> означает, что вы хотите представить единицу ввода (например, клавишу) как часть большего ввода. Такой вариант вложенности можно использовать, к примеру, чтобы показать, что комбинация клавиш является одной командой:

<p>
   Чтобы скопировать текст, нажмите
   <kbd><kbd>Ctrl</kbd> + <kbd>C</kbd></kbd>.
</p>

Однако такая точность необязательна; следующий код также допустим:

<p>Чтобы скопировать текст, нажмите <kbd>Ctrl + C</kbd>.</p>

Элемент <kbd> можно использовать в различных комбинациях с элементом <samp>.

Вложение элемента <kbd> в элемент <samp> представляет собой пользовательский ввод, который был возвращён системой обратно пользователю:

<p>Команда <samp><kbd>ls</kbd></samp> выполнена.</p>

С другой стороны, вложение элемента <samp> в элемент <kbd> будет означать, что ввод основан на тексте, представленном системой. Такой вариант можно использовать, например, для указания на названия пунктов меню или кнопок, которые отображаются на экране:

<p>
   Для создания нового файла нажмите
   <kbd><samp>Файл</samp> — <samp>Новый документ</samp></kbd>.
</p>

Атрибуты

Для элемента <kbd> доступны глобальные атрибуты и события.

Стиль по умолчанию

Стиль по умолчанию для элемента <kbd>, определённый в спецификации HTML:

kbd { font-family: monospace; }

Пример

<p>Введите команду <kbd>help имя_команды</kbd> для
   просмотра документации по нужной команде.</p>

<p>Чтобы запустить приложение, скажите <kbd>Открыть
   [название приложения]</kbd>.</p>