Основний вміст

  • <body>

Тег <kbd>

Тег <kbd> - опис, синтаксис та приклад використання

Тег <kbd> використовується для позначення тексту, який вводиться на клавіатурі або для назви клавіш. Браузери зазвичай відображають текст у контейнері <kbd> моноширним шрифтом. 

<kbd>Текст</kbd>

Закриваючий тег

Обов'язковий.

Атрибути

Для цього тега доступні універсальні атрибути та події.

Приклад

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег KBD</title>
  <style>
   kbd {
    font-weight: bold; /* Жирний шрифт */
   }
  </style>
 </head>
 <body>

  <p>Для швидкого забарвлення виділеної області кольором переднього плану 
    використовуйте комбінацію клавіш <kbd>&lt;Alt&gt;+&lt;Backspace&gt;</kbd> 
    або <kbd>&lt;Alt&gt;+&lt;Delete&gt;</kbd>. 
    Для забарвлення виділеної області фоновим кольором 
    скористайтеся комбінацією 
    <kbd>&lt;Ctrl&gt;+&lt;Backspace&gt;</kbd> або 
    <kbd>&lt;Ctrl&gt;+&lt;Delete&gt;</kbd>.</p>

 </body>
</html>

Результат цього прикладу показано нижче.

Строчні елементиТекст

Часті запитання

  • Q: Як використовувати тег <kbd> в HTML?

    A: Тег <kbd> використовується для відображення тексту як введення з клавіатури. Наприклад: <kbd>Ctrl</kbd>

  • Q: Які стилі можна застосовувати до тегу <kbd>?

    A: До тегу <kbd> можна застосовувати стилі, які відповідають за вигляд тексту, наприклад, кольори, шрифти тощо.

  • Q: Чи можна вкладати тег <kbd> в інші теги?

    A: Так, тег <kbd> можна вкладати в інші теги, які підтримують вкладеність, наприклад, <p>, <span> тощо.

  • Q: Як правильно відобразити сполучення клавіш за допомогою тегу <kbd>?

    A: Для відображення сполучення клавіш, наприклад, Ctrl + C, можна використати теги <kbd>Ctrl</kbd> + <kbd>C</kbd>.

  • Q: Чи є тег <kbd> важливим для SEO?

    A: Тег <kbd> не є важливим для SEO, оскільки він використовується в першу чергу для відображення вмісту на сторінці.