САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Спасибо за поддержку, сайт продолжает работать

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>
Попробуйте сами »

Связные страницы

HTML учебник: HTML Форматирование текста

HTML DOM справочник: Объект kbd


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <kbd> со следующими значениями по умолчанию:

Пример

kbd {
  font-family: monospace;
}
Попробуйте сами »