HTML Тег <kbd>

Пример

Определите некоторый текст как ввод с клавиатуры в документе:

<p>Нажмите <kbd>Ctrl</kbd> + <kbd>C</kbd>, чтобы скопировать текст (Windows).</p>

<p>Нажмите <kbd>Cmd</kbd> + <kbd>C</kbd>, чтобы скопировать текст (Mac OS).</p>

Попробуйте сами »

Другие примеры "Попробуйте сами" ниже.

Определение и использование

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

Совет: Этот тег не является устаревшим. Однако, можно достичь более богатого эффекта с помощью CSS (см. пример ниже).

Также посмотрите:

Тег	Описание
<code>	Определяет фрагмент компьютерного кода
<samp>	Определяет пример вывода компьютерной программы
<var>	Определяет переменную
<pre>	Определяет предварительно отформатированный текст

Поддержка браузерами

Элемент
<kbd>	Да	Да	Да	Да	Да

Глобальные атрибуты

Тег <kbd> также поддерживает глобальные атрибуты в HTML.

Атрибуты событий

Тег <kbd> также поддерживает атрибуты событий в HTML.

Больше примеров

Пример

Используйте 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>

Попробуйте сами »