`kbd` 要素 (HTML)

[1] HTML の kbd 要素は、利用者が入力するような文章textを示します。

[2]

状態

W3C 勧告

名前空間URI

http://www.w3.org/1999/xhtml

局所名

kbd (keyboard (鍵盤) の略 (より正確には keyboard input (鍵盤入力) の略か?))

開始タグ

必須

終了タグ

必須

文脈

厳密行内内容が認められる場所

内容モデル

厳密行内内容

属性

属性名	属性値	既定値	説明	状態	出典
`class`			級	[HTML4] %coreattr
`dir`			書字方向	[HTML4] %i18n
`id`			一意識別子	[HTML4] %coreattr
`lang`			自然言語	[HTML4] %i18n
`xml:lang`			自然言語	[XHTML1]
`onclick`				[HTML4] %events
`ondblclick`				[HTML4] %events
`onkeydown`				[HTML4] %events
`onkeypress`				[HTML4] %events
`onkeyup`				[HTML4] %events
`onmousedown`				[HTML4] %events
`onmousemove`				[HTML4] %events
`onmouseout`				[HTML4] %events
`onmouseover`				[HTML4] %events
`onmouseup`				[HTML4] %events
`style`			スタイル情報	[HTML4] %coreattr
`title`			注釈的題	[HTML4] %coreattr

[9] 仕様書:

HTML 4
- IW:HTML4:"struct/text.html#edef-KBD"

歴史

[7] kbd 要素型は、他の語句要素型と同時に GNU Texinfo から輸入されました。語句化内容

例

[10] GUI のメニューの名札の例

<q class="menu-item">ファイル(<kbd>F</kbd>)</q>メニューから、
<q class="menu-item">終了(<kbd>X</kbd>)</q>を選択してください。

併用するとよさげなスタイル・シート:

.menu-item:before {
  content: " [";
}
.menu-item:after {
  content: "] ";
}
.menu-item kbd {
  text-decoration: underline;
}

[3] ハイパーリンクのアクセス鍵を示した例

<a href="/" rel="top" accesskey="T">トップ</a> (<kbd>T</kbd>) |
<a href="index" rel="index" accesskey="I">索引</a> (<kbd>I</kbd>)

[11]

<tr>
  <td>いちばん右のタブを表示</td>
  <td><kbd>Ctrl</kbd> + <kbd>9</kbd></td>
  <td><kbd>Cmd</kbd> + <kbd>9</kbd></td>
</tr>

Mozilla Japan - Firefox サポート - キーボードショートカット (2007-03-21 08:31:03 +09:00 版) http://www.mozilla-japan.org/support/firefox/2.0/references/keyboard#mainContent

メモ

[4] 世間では多少拡大解釈して、鍵盤上のある鍵を表すためにも使っています。そのような場合には、スタイルシートで border を実際の鍵のように立体的に見せることが多いです。

accesskey 属性を指定した要素の近くに、その指定した鍵を示すためにそのように使うことがしばしばあります。

[8] ちなみに >>4 は GNU Texinfo では @key に区別していますね。

[12] Re: Proposal for New Tag for UI Elements (Ian Hickson <ian@...> 著, 2007-12-11 04:36:34 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/12440

@kbd 命令(GNU Texinfo)

[5] GNU Texinfo では、 @kbd{string} のように書いて利用者の鍵盤入力を示すことができます。 http://www.gnu.org/software/texinfo/manual/texinfo/texinfo.html#kbd

例:

@kbd{M-a}
@kbd{M-x shell}
@kbd{l o g o u t @key{RET}}

[6] 既定では印刷版のマニュアルでは通常と異なるフォントで出力されます。

info の (画面での) 出力では、 @code と同じように、前後に単引用符が補われます。但し、 @code や @samp の中にある時には補われません。

表現方法の制御のために @kbdinputstyle という命令もあります。

kbd 要素 (HTML)

歴史

例

メモ

@kbd 命令(GNU Texinfo)

HTML もどき

メモ

`kbd` 要素 (HTML)