6

tabindex が指定されていても、タブ化できないHTML (HTML5) 要素のリストを持っている人はいますか? （タブ可能とは、「タブ」キーを繰り返し押すことでフォーカスを受け取ることができることを意味します。）

inputまたはなど、デフォルトでタブ化可能な要素があることがわかっていますtextarea。divまた、 and要素など、tabindex が明示的に指定されている場合にのみタブ化可能な要素がいくつかあることもわかっていspanます。

W3Schools によると、「HTML5 では、tabindex 属性を任意の HTML 要素で使用できます」。ただし、tabindex があってもタブ化できない要素も確かにあります。たとえば、param要素がタブ可能であること、または要素が意味をなさないhead。optionまた、要素をタブ可能にすることは可能だとは思いませんが、それについてはわかりません。mapまた、タブ可能な要素を含むことができるが、通常はそれ自体はタブ可能ではないなどのことについては、さらに確信が持てません。

tabindex があってもフォーカスを受け取ることができないすべての要素のリストを誰かに教えてもらえますか?

4

2 に答える 2

9

誰もまだ決定的なリストを思い付いていないので、かなり最近のバージョンの Chrome でいくつかのテストを行い、まったくタブ化できない次の要素のリストを思いつきました。

  • <base>
  • <basefont>
  • <embed>
  • <head>
  • <link>
  • <meta>
  • <object>
  • <param>
  • <source>
  • <style>
  • <title>
  • <track>

残念ながら、このリストを書くのに数時間しかかからなかったので、いくつか注意点があります:

  1. Chrome 以外のブラウザではテストされていません
  2. タブ可能である可能性が高いと思われる要素のほとんどをスキップしました (通常のコンテンツが表示されるため)。
  3. <title>これらのいずれかを表示するように設定しようとはしていません（コメントの場合を除いて）

私が最も驚いたのは、次の要素がタブ可能であることです。

  • <audio>そして（そしてそうではない<video>ので驚いた）<embed><object>
  • <br>と<wbr>
  • <col>と<colgroup>
  • <frame>および<frameset>(いずれにせよ、これらは HTML で技術的に有効な要素ではないため、より特殊なケースですが)
  • <html><body>（これとタブの観点からはほとんど違いはありません）
  • <optgroup>および<option>(ただし、それらにタブを移動しても視覚的な表示はありません。つまり、選択ボックスは開きません)
于 2013-01-04T18:44:55.910 に答える
8

HTML 仕様には、要素がフォーカス可能である条件と、tabindex がどのように解釈されるかがリストされています。

  • 要素の tabindex フォーカス フラグが設定されます。
  • 要素がレンダリングされているか、埋め込みコンテンツを表す canvas 要素の子孫です。
  • 要素もその祖先も不活性ではありません。
  • 要素は無効化されていません。

定義はレンダリングされる要素に依存しており、CSS を使用すると、任意の要素をレンダリングできます。たとえば、フォーカス可能な<param>and 偶数<title>and <basefont>:

<!DOCTYPE>
<title tabindex=0>Test</title>
<basefont tabindex=0>
<style>
head, title {display:block}
basefont, param {content: url(image.png);}
</style>
<object><param tabindex=0></object>

ところで: W3Schools は無視してください — 一般的に、これは信頼できる/権威ある情報源ではありません。

于 2013-01-04T18:41:12.243 に答える