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
✔️

Атрибути

Този елемент няма специфични атрибути.