【K】kbd要素というものがある

知らなかったので共有。

これは何？

• キーボードなどからの入力を表す要素
• 慣習的に等幅フォントで表示されることが多い

kbd > kbd

kbdの中にkbdを入れることで実際のキー入力を表す用例が紹介されている。

<p>
    選択部分のコピーは
    <kbd><kbd>Ctrl</kbd>+<kbd>C</kbd></kbd>
    でできるぞ
</p>

CSSの例

単純なHTMLをいい感じに表示するなら、kbd:not(:has(kbd))に枠をつけると良さそう

kbd:not(:has(kbd)) {
    border-radius: 4px;
    padding: 1px 2px;
    border: 1px solid black;
}

ちなみに

Kから始まるHTMLの要素、たぶんkbdとkeygenだけ