KBD

KBD

kbd 要素 (HTML)

[1] HTMLkbd 要素は、 利用者入力するような文章 (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] 仕様書:

歴史

[7] kbd 要素型は、 他の語句要素型と同時に GNU Texinfo から輸入されました。 (その経緯については code の歴史の章を参照。)

[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>

メモ

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

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

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

[12] Re: Proposal for New Tag for UI Elements (Ian Hickson <ian@...> 著, 版) 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

例:

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

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

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

HTML もどき

[26] DTBook にもあります。

メモ

[13] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( ( 版)) https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1026

[14] Editorial: Fix inconsistent use of <kbd> when denoting keys (callahad著, ) https://github.com/whatwg/html/commit/8644ad9addd54b4f13ba8fb1a0151af1887c8043