Тег <kbd>
Описание
Тег <kbd> (от англ. "keyboard") используется для обозначения ввода с клавиатуры, команд терминала или других пользовательских действий. По умолчанию браузеры отображают текст моноширинным шрифтом.
<p>Для сохранения файла нажмите <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>
<pre><code>$ <kbd>git commit -m "Initial commit"</kbd></code></pre>
<p>
Быстрые клавиши:
<kbd><kbd>Alt</kbd> + <kbd>Tab</kbd></kbd> - переключение окон
</p>
Ключевые особенности:
- Семантически обозначает пользовательский ввод
- По умолчанию использует моноширинный шрифт (как
<code>) - Может содержать вложенные теги
<kbd>для сложных сочетаний - Часто используется в технической документации
- Важен для доступности (скринридеры выделяют интонацией)
<style>
kbd {
font-family: 'Courier New', monospace;
background: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2);
padding: 2px 5px;
margin: 0 2px;
line-height: 1.5;
white-space: nowrap;
}
</style>
<p>Используйте <kbd>Enter</kbd> для подтверждения.</p>
Рекомендации по использованию:
- Применяйте для реальных команд и клавиш, а не произвольного текста
- Для кода программ используйте
<code> - Для вывода программ используйте
<samp> - В сложных сочетаниях вкладывайте теги
<kbd> - Сочетайте с
<pre>для многострочных команд
Тег <kbd> улучшает читаемость технических инструкций и документации, четко выделяя действия пользователя.
Атрибуты
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 3.0 | 1.0 | 4.0 | 1.0 | 1.0 |