Определите некоторый текст в качестве ввода с клавиатуры в документе:
<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;
}
Попробуйте сами »