キー操作を表現するHTMLタグ

HTMLとCSS

  • ショートカットキーを表現する場合。
    「元に戻す」のショートカットキー(Ctrl+Z)は下記のようになる。kbdタグで全体を括っているのはそれが一つのまとまり(この場合はショートカットキー)を表すため。

    <kbd><kbd>Ctrl</kbd> + <kbd>Z</kbd></kbd>
  • ダイアログボックスなどに何か文字を入力する場合。
    ユーザー名欄にuserを、パスワード欄にpassを入力する。

    ユーザー名欄に<kbd>user</kbd>を、パスワード欄に<kbd>pass</kbd>を入力する。
  • 単一のキーを表現する場合。
    更新するためにはF5キーを押下してください。

    更新するためには<kbd><kbd>F5</kbd></kbd>キーを入力してください。
  • メニュー項目を表現する場合。
    右クリックしてコンテキストメニューの保存をクリックしてください。

    右クリックしてコンテキストメニューの<kbd><samp>保存</samp></kbd>をクリックしてください。
  • 一連のメニュー項目(階層メニュー)を表現する場合。
    保存するにはファイル名前をつけて保存をクリックしてください。

    保存するには<kbd><kbd><samp>ファイル</samp></kbd>→<kbd><samp>名前をつけて保存</samp></kbd></kbd>をクリックしてください。