HTML - тег <kbd>
Пример
Определите некоторый текст как ввод с клавиатуры в документе:
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <kbd>используется для определения ввода с клавиатуры. Содержимое внутри отображается моноширинным шрифтом браузера по умолчанию.
Совет: этот тег не устарел. Однако с помощью CSS можно добиться более богатого эффекта (см. пример ниже).
Также посмотрите:
| Tag | Description |
|---|---|
| <code> | Defines a piece of computer code |
| <samp> | Defines sample output from a computer program |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
Поддержка браузера
| Element | |||||
|---|---|---|---|---|---|
| <kbd> | Yes | Yes | Yes | Yes | Yes |
Глобальные атрибуты
Тег <kbd>также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <kbd>также поддерживает атрибуты событий в HTML .
Дополнительные примеры
Пример
Используйте CSS для оформления элемента <kbd>:
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text
(Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac
OS).</p>
</body>
</html>
Связанные страницы
Учебное пособие по HTML: форматирование текста HTML
Справочник по HTML DOM: объект Kbd
Настройки CSS по умолчанию
Большинство браузеров будут отображать <kbd>элемент со следующими значениями по умолчанию:
Пример
kbd {
font-family: monospace;
}