Пример
Определите некоторый текст в качестве ввода с клавиатуры в документе:
<p>Нажмите <kbd>Ctrl</kbd> + <kbd>C</kbd> для копирования текста (Windows).</p>
<p>Нажмите <kbd>Cmd</kbd> + <kbd>C</kbd> для копирование текста (Mac OS).</p>
Попробуйте сами »
Определение и использование <kbd>
Тег <kbd> используется для определения ввода с клавиатуры. Содержимое внутри отображается в моноширинном шрифте браузера по умолчанию.
Совет: Тег не является устаревшим. Однако можно добиться более богатого эффекта с помощью CSS (см. пример ниже).
Также посмотрите:
| Тег | Описание |
|---|---|
| <code> | Определяет фрагмент компьютерного кода |
| <samp> | Определяет пример вывода из компьютерной программы |
| <var> | Определяет переменную |
| <pre> | Определяет предварительно отформатированный текст |
Поддержка браузеров <kbd>
| Элемент | |||||
|---|---|---|---|---|---|
| <kbd> | Да | Да | Да | Да | Да |
Глобальные атрибуты <kbd>
Тег <kbd> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <kbd>
Тег <kbd> также поддерживает События атрибутов в HTML.
Еще примеры <kbd>
Пример
Используйте CSS для стилизации элемента <kbd>:
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Нажмите <kbd>Ctrl</kbd> + <kbd>C</kbd> для копирования текста (Windows).</p>
<p>Нажмите <kbd>Cmd</kbd> + <kbd>C</kbd> для копирования текста (Mac OS).</p>
</body>
</html>
Попробуйте сами »
Связные страницы <kbd>
HTML учебник: HTML Форматирование текста
HTML DOM справочник: Объект kbd
Настройки CSS по умолчанию <kbd>
Большинство браузеров будут отображать элемент <kbd> со следующими значениями по умолчанию:
Пример
kbd {
font-family: monospace;
}
Попробуйте сами »