ナビゲーション / キーボード操作
Keys
このページで使えるキーと、その操作を対応させて示します。
基本的な使い方
- /
- 検索欄に移動
- ↑↓
- 検索結果を選択
- Enter
- 選択した結果を開く
- Esc
- 検索結果を閉じる
HTML
<dl class="keys">
<div><dt><kbd>/</kbd></dt><dd>検索欄に移動</dd></div>
<div><dt><kbd>↑</kbd><kbd>↓</kbd></dt><dd>検索結果を選択</dd></div>
<div><dt><kbd>Enter</kbd></dt><dd>選択した結果を開く</dd></div>
<div><dt><kbd>Esc</kbd></dt><dd>検索結果を閉じる</dd></div>
</dl>クラスと属性
| クラス / 属性 | 用途 |
|---|---|
.keys | キーと操作の定義リスト。 |
kbd | 実際のキー名。 |
.key-hint | 入力欄の脇に添える短いヒント。 |
使い方の注意
この部品は操作の説明だけを表示します。実際にページで使えるショートカットを記してください。
作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。