HTML таг kbd
Пример
Кратък пример как се използва тагът <kbd>.
<p>За да запазите документа, натиснете <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>
Опитай в редактора
Дефиниция и употреба
Виж как се ползва тагът <kbd>.
HTML елементът <kbd> се използва за обозначаване на текст, който представлява въвеждане от клавиатура, комбинация от клавиши или друг вид вход от потребителя (например гласови команди, бутони на дистанционно и др.). Браузърите обикновено визуализират съдържанието на <kbd> с моноширинен (monospace) шрифт, което го отличава от останалия текст и подсказва, че това е клавиш или команда.
Тагът <kbd> е семантичен елемент и подобрява достъпността: помощни технологии могат по-лесно да разпознаят и съобщят на потребителя, че даден текст е клавишна комбинация. Често се използва в документация, ръководства, помощни страници и интерфейсни указания, например: „Натиснете <kbd>Enter</kbd> за потвърждение“ или „Използвайте <kbd>Ctrl</kbd> + <kbd>C</kbd> за копиране“.
Елементът може да се комбинира с други семантични тагове като <code>, <samp> и <pre>, за да се опише по-пълно взаимодействието с потребителя. Например, <kbd> за въвеждане от клавиатура, <code> за фрагменти от код и <samp> за изход от програма. С помощта на CSS можете да стилизирате <kbd> така, че да изглежда като реален клавиш (с рамка, заоблени ъгли, фон и др.).
Елементът <kbd> не изисква специални атрибути и поддържа всички глобални HTML атрибути (като class, id, title, style и др.), което позволява лесно интегриране в различни дизайн системи и CSS рамки като Bootstrap.
Browser Support
| Browser | Поддръжка |
|---|---|
|
Chrome |
✔️ |
|
Firefox |
✔️ |
|
Edge |
✔️ |
|
Safari |
✔️ |
|
Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.