Главная
HTML-тег <kbd>
Характеристики
- Тип: строчный, статичный, семантический
- Назначение: Представляет ввод пользователя с клавиатуры или голосовой команды.
- Родители: Любые элементы, допускающие потоковый контент.
- Потомки: Строчный контент или текст.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<p>Чтобы сохранить файл, нажмите <kbd>Ctrl + S</kbd>.</p>
Использование в JavaScript
// Изменение стиля элемента <kbd>
const kbdElements = document.querySelectorAll('kbd');
kbdElements.forEach(el => el.style.backgroundColor = '#f0f0f0');
Рекомендации по обеспечению доступности (a11y)
- Используйте для обозначения клавиш или комбинаций клавиш.
- Помогает пользователям быстро идентифицировать вводимые команды.
- Старайтесь не злоупотреблять для других целей.
Полезные ссылки