HTML要素はコンテンツケージに属します。手元のタスクでは、インタラクティブコンテンツノードをネストしていないことを確認する必要があります。
現在、ノードの親をトラバースして、いずれもタイプがないことを確認でき<a>, <button>, <details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>
ます。これらの要素はすべて「インタラクティブコンテンツ」カテゴリの一部です。
他のタイプもインタラクティブにすることができます。
<audio>
、controls属性が存在する場合<img>
、usemap属性が存在する場合<input>
、type属性が非表示状態でない場合<menu>
、type属性がツールバー状態の場合<object>
、usemap属性が存在する場合<video>
、controls属性が存在する場合さらに、tabindex
属性を持つ要素はすべてインタラクティブと見なされます。
これらのルールはすべてHTML仕様の一部であり、十分に文書化されていますが、追跡するのはちょっと面倒です。要素がどのコンテンツカテゴリに属しているかを確認する簡単な方法はありますか?
いいえ、そのように要素を分類するためのDOMには何もありません。分類はHTML5仕様の散文でのみ行われました。プロパティを使用したフォームフィールドのタイプによる分類など、DOMに反映される古い分類はほとんどなく、スタイル設定で要素ごとにプロパティ値が異なるという意味で、レンダリングルールtype
に従って間接的にいくつかの分類を見つけることができます。 。ただし、これらの最新の分類はすべて、要素名のリストを使用してコードに実装する必要があります。これは、HTML5のDOM定義をよく見て、分類がカバーされていないことを確認することでわかります。display
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加