HTMLのaccesskey属性の説明です。accesskey属性は、要素のアクティブ化、またはフォーカスさせるためのキーボードショートカットキーを定義します。
目次
属性の記述例
accesskey属性を使ったHTML記述例
<nav>
<p>
<a accesskey="g" href="https://www.google.co.jp" target="_blank">Google</a> |
<a accesskey="y" href="https://www.yahoo.co.jp" target="_blank">Yahoo</a> |
<a accesskey="b" href="https://www.bing.com" target="_blank">Bing</a>
</p>
</nav>
閲覧中ブラウザーでの表示結果
属性の説明
- accesskey属性は、要素のアクティブ化、またはフォーカスさせるためのキーボードショートカットキーを定義します。
- accesskey属性は、グローバル属性であるため、すべての要素で利用することができます。
- ショートカットキーを実行する方法は、以下のとおりOSやブラウザによって異なります。
ブラウザ | Windowsキー | Macキー | Linuxキー |
---|---|---|---|
Microsoft Edge | [Alt] + accesskey | - | - |
Google Chrome | [Alt] + accesskey | [Alt][Control] + accesskey | [Alt] + accesskey |
Mozilla Firefox | [Alt][Shift] + accesskey | [Alt][Control] + accesskey | [Alt][Shift] + accesskey |
Safari | - | [Alt][Control] + accesskey | - |
Opera | [Alt][Control] + accesskey | [Alt][Control] + accesskey | [Alt][Control] + accesskey |
利用可能な属性値
属性値 | 属性値の説明 |
---|---|
半角英数字記号 | 対象要素のアクティブ化/フォーカスさせるためのショートカットキーを指定します。大文字、小文字は区別されます。 |