/html/kbd:> Текст набираемый на клавиатуре_

Элемент kbd

Синтаксис

(X)HTML
<kbd> ... </kbd>

Описание

Элемент kbd (от англ. "keyboard" ‒ «клавиатура») обозначает текст, набираемый на клавиатуре. Данный элемент чаще всего используется в компьютерной документации и руководствах.

Внешний вид

  • Обычный текст ‒ обычный текст («font-family: "Time New Roman";»);
  • Визуальный эффект тега «kbd» в Chrome ‒ визуальный эффект от применения данного элемента. (Chrome);

Примечание

Текст, вложенный в kbd, отображается 'моноширинным шрифтом'. Таким образом, по визуальному эффекту данный элемент похож на элементы code и tt.

CSS

Визуальный эквивалент: font-family: monospace;.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Атрибуты

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент kbd</title>
</head>
<body>
<h1>Пример использования элемента "kbd"</h1>
<h2>Полезные сочетания клавиш для браузера</h2>
<p><kbd>Ctrl+W, Ctrl+F4</kbd> &#8210; Закрыть текущую вкладку.</p>
<p><kbd>Ctrl+T</kbd> &#8210; Открыть новую вкладку.</p>
<p><kbd>Ctrl+Shift+T</kbd> &#8210; Открыть повторно последнюю закрытую вкладку.</p>
<p><kbd>Ctrl+N</kbd> &#8210; Открыть новое окно браузера.</p>
<p><kbd>F5</kbd> &#8210; Обновить.</p>
<p><kbd>Ctrl+Enter</kbd> &#8210; Автоматически добавит <b>www.</b> в начало и <b>.com</b> в конце введенного вами слова и откроет эту страницу.</p>
<p><kbd>Ctrl+H</kbd> &#8210; Открыть просмотр истории.</p>
<p><kbd>Ctrl+J</kbd> &#8210; Открыть загрузки.</p>
<p><kbd>Ctrl+D</kbd> &#8210; Сохранить закладку на текущий сайт</p>
<p><kbd>Ctrl+U</kbd> &#8210; Посмотреть код текущей страницы. (<i>Кроме IE</i>).</p>
</body>
</html>
Элемент kbd