Вход

Медная поляна

Тег kbd

Рассказ о работе различных программ бывает полезно сопроводить применяемыми клавиатурными сочетаниями. Оказывается, В HTML 5 (как и в HTML 4) для таких случаев существует специальный парный тег — <kbd> .

Добавив CSS-правила, можно добиться некоего подобия настоящих клавиш:

kbd {
	padding: 0 3px; border-width: 2px 3px 4px; border-style: solid; border-color: #cdcdcd #c9c9c9 #9a9a9a #c0c0c0;
	font-size: 11px; color: #000; background: #ececec;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
<kbd>Win</kbd> + <kbd>D</kbd> ...

Win + D — свернуть/восстановить все окна в Windows.

Кстати, использование несемантичной конструкции <small style="…"><span style="…"> клавиша</span></small> в Википедии — пример как делать не следует.

из раздела Верстка сайтов