HTML <kbd> тег

  • Предыдущая страница <ins>
  • Следующая страница <label>

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

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

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

См. также:

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

См. также:

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

Руководство по HTML DOM:Объект Kbd

Пример

Пример 1

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

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

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

Пример 2

Использование 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.

Свойства событий

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

Стандартные настройки CSS

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

kbd {
  font-family: monospace;
}

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

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <ins>
  • Следующая страница <label>