Справочник HTML & CSS

<kbd>, <samp>, <var>

Ввод с клавиатуры (`<kbd>`), вывод программы (`<samp>`) и переменная в формуле (`<var>`).

Синтаксис

<kbd>Ctrl</kbd> + <kbd>C</kbd>

Примеры

Клавиши, ответ программы и формула:

<p>Press <kbd>Ctrl</kbd> + <kbd>S</kbd> to save.</p>
<p>The program answers: <samp>File saved.</samp></p>
<p>The area is <var>a</var> × <var>b</var>.</p>

Клавиши в виде кнопок:

<style>
  kbd { border: 1px solid #999; border-bottom-width: 3px; border-radius: 4px; padding: 0 5px; font-size: 13px; }
</style>
 
<p>Undo: <kbd>Ctrl</kbd> + <kbd>Z</kbd></p>

Примечания

<kbd> и <samp> выводятся моноширинным шрифтом, <var> — курсивом. Они уточняют смысл для поисковиков и программ чтения с экрана; внешний вид всегда можно изменить в CSS.

См. также

<code> — Фрагмент кода внутри текста; показывается моноширинным шрифтом.
<pre> — Текст, в котором сохраняются все пробелы и переносы строк.

В учебнике

Форматирование текста — Строчные теги для текста — strong и em, mark, del и ins, sub и sup, code, kbd и pre, abbr и q.

Спасибо, что читаете!