HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <kbd> タグ

HTMLの <kbd>タグは、EnterキーやCtrlキーなどのキーボードからのユーザー入力をテキストとして定義します。伝統的には、ブラウザは <kbd>タグ内に見つかるテキストをデフォルトの等幅フォントで表示します。このタグは通常、<kbd>要素とも呼ばれます。

オンラインサンプル

ドキュメント内でテキストをフォーマットする:

サンプル

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　kbdタグの使用（基本トレーニングウェブサイト　oldtoolbag.com)</title>
</head>
<body>
<h1>キーボード入力</h1>
<p>キーボード入力を<br>/kbd>+<kbd>C</kbd>　テキストをコピーするために<br>/p>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントのサンプルでは、<kbd>タグを作成しましたCtrl+Cキーボード上のユーザー入力を表すために使用されます。デフォルトでは、ブラウザはこのテキストをデフォルトの等幅フォントで表示します。この動作をCSSでオーバーライドすることができます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在、多くのブラウザが <kbd>タグをサポートしています。

タグの定義及び使用方法の説明

<kbd> タグはキーボードテキストを定義。

<kbd> タグはキーボードのボタンを表すために使用されます。伝統的には、ブラウザは <kbd> タグ内のテキストを等幅フォントでフォーマットします。この動作をCSSで変更できます。

ヒント: 　<kbd> タグは廃止され、推奨されませんがはCSSで豊かな効果を実現できます。

すべてのタグフレーズ:

タグ	説明
<em>	強調されたテキストとして表示。
<strong>	重要なテキストを定義。
<dfn>	定義項目を定義。
<code>	コンピュータコードテキストを定義。
<samp>	フォーマットされたテキストを定義。
<kbd>	キーボードテキストを定義。これはキーボードから入力されたテキストを表します。これはよくコンピュータ関連の文書やマニュアルに使用されます。
<var>	変数を定義します。このタグは <pre> と <code> タグと一緒に使用できます。

全局属性

<kbd> タグは全局属性をサポート、完全な属性表を確認 HTML 全局属性。

イベント属性をサポート

<kbd> タグはすべての HTML イベント属性。

HTML タイプ HTML テキストフォーマット

HTML5: <keygen> タグ HTML: <ins> タグ