要素のタブ キー コントロールの順序を指定する HTML 属性 tabindex (ナビゲーションに使用する場合)

例

指定されたタブ オーダーを持つリンク:

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

ブラウザ サポート

tabindex 属性 は、Safari を除くほぼすべてのブラウザで利用できます。

定義と使用法

tabindex 属性は、要素のタブ キー制御順序を指定します (タブ キーがナビゲーションに使用される場合)。

ヒントと注意事項

注: 次の要素は tabindex 属性をサポートしています: 3499910bf9dac5ae3c52d5ede7383485、03fc64e1e502d5ba947b3a9af06d2d2a、bb9345e55eb71822850ff156dfde57c8、d5fd7aea971a85678ba271703566ebfd、922c72e1afaae8549a35684b67043089、

構文

<element tabindex="number">

属性値

値	説明
数値	要素のタブキー制御順序を指定します(1が最初)

訪問者が閲覧するときウェブサイト、 TAB キーを押して Web ページ上のリンク間を移動することは、非常に便利で実用的な機能です。ただし、Web ページ内にリンクが多すぎる場合は、Tab キーを押しても効果がない場合があります。このとき、重要なページの訪問者を容易にするために、Tab キーを移動する順序を変更して重要なポイントを強調表示することができます。

TABINDEX 属性を使用して、リンク内で TAB キーが移動する順序を設定します。リンクの TABINDEX 属性を 1 ～ 32767 の値に設定すると、TABINDEX 属性が負の値 (TABINDEX="-1" など) に設定されている場合、リンクを TAB キーのシーケンスに追加できます。リンクは TAB キーのシーケンスから除外されます。

閲覧者が TAB キーを使用して Web リンク間を移動する場合、最初に TABINDEX 属性値が最小のリンクに移動し、最後に TABINDEX 属性値が最大のリンクで終了します。同じ TABINDEX 属性を持つリンクが 2 つある場合は、HTML コード内でリンクが表示される順序が優先されます。

りー

以上が要素のタブ キー コントロールの順序を指定する HTML 属性 tabindex (ナビゲーションに使用する場合)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。