【HTML5】kbd要素の使い方

2021年5月7日2023年1月22日

普通の使い方

以下の例は「キーボードで『ipconfig』と入力しろ。」と言う意味になります。

HTML

<kbd>ipconfig</kbd>

以下の例は「キーボードで『F12』キーを入力しろ。」と言う意味になります。

注意

「F」「1」「2」をタイピングして「F12」にするという意味ではありません。

HTML

<kbd><kbd>F12</kbd></kbd>

以下の例は「システムが『上書き保存』を選択しろ。」とユーザに対して言っているという意味です。

HTML

Excelを保存するには<kbd><samp>上書き保存</samp></kbd>してください。

以下の例は「あなたが入力したのは『○○』です。」と言っている意味になります。

HTML

<samp><kbd>○○</kbd></samp>

以上で記事の解説はお終い！

HTML、CSS、JavaScriptをもっと勉強したい方にはUdemyがオススメ！同僚に差をつけよう！