Рассказ о работе различных программ бывает полезно сопроводить применяемыми клавиатурными сочетаниями. Оказывается, В 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;
border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
}
<kbd>Win</kbd> + <kbd>D</kbd> ...
Win + D — свернуть/восстановить все окна в Windows.
Кстати, использование несемантичной конструкции <small style="…"><span style="…"> клавиша</span></small> в Википедии — пример как делать не следует.
Спасибо :) Полезно :)