
説明
ID属性は、ドキュメント内の要素の一意の識別子を提供します。この特定の要素へのハイパーリンクを作成するために、A要素によって使用される場合があります。
この識別子は、CSSコードでスタイリング目的で使用できるフックとして、またはJavaScriptコード(ドキュメントオブジェクトモデルまたはDOMを介して)で使用して、一意のIDを参照して変更を加えたり、要素に動作を追加したりする場合があります。
ID属性は、次の要素に適用できないことに注意してください。
- base
- head
- html
- メタ
- スクリプト
- スタイル
- タイトル
<span <em></em>>A uniquely identifiable element.</span>
値
IDの最も重要な側面
属性は、それが絶対にユニークでなければならないということです。ページ内の多くの要素に同じ値を適用する可能性のあるクラス属性とは異なり、要素に適用されるIDは、同じページの他の場所で使用されるIDと一致してはなりません。
ID属性の値は、ローマのアルファベット(a – zまたはa – z)の文字から開始する必要があります。これに続いて、文字(a – zまたはa – z)、数字(0〜9)、ハイフン( - )、アンダースコア(_)、コロン(:)、および期間(。)の任意の組み合わせが続くことができます。 ID値はケースに敏感です。
同じWebページ上の個別のユニークな識別可能な要素と見なされます。
HTML ID属性に関するよくある質問
HTML ID属性の重要性は何ですか?ドキュメント内の複数の要素に対して同じIDを使用できますか?このユニークさは、スタイリングまたはスクリプト目的で要素の特定のターゲティングを可能にするため、重要です。複数の要素に対して同じIDを使用すると、コードの予期しない結果とエラーが発生する可能性があります。 JavaScriptでは、document.getElementByID()メソッドを使用して特定のIDを持つ要素にアクセスできます。たとえば、ID「myElement」の要素がある場合、次のようにアクセスできます。varelement = document.getElementbyid( "myElement");。 IDは、文字(A-ZまたはA-Z)で開始する必要があり、その後、任意の数の文字、数字(0-9)、ハイフン( - )、アンダースコア(_)、コロン(:)、およびピリオド(。)が続く必要があります。また、IDはケースに敏感であることを覚えておいてください。IDで特殊文字を使用できますか?IDで特定の特殊文字を使用することは技術的には可能ですが、一般的には推奨されません。これは、特殊文字がCSSまたはJavaScriptでIDを選択しようとするときに問題を引き起こす可能性があるためです。最高の結果を得るために、英数字、ハイフン、およびアンダースコアに固執します。要素のIDを指定しないとどうなりますか?要素のIDを指定しないと、本質的に悪いことは起こりません。ただし、CSSまたはJavaScriptを使用してその要素を直接ターゲットにする能力が失われます。これにより、スタイリングとインタラクティブ性の観点からできることを制限できます。これを行うには、要素のIDプロパティにアクセスし、新しい値を割り当てることができます。例:document.getElementById( "myElement")。id = "newid";。id属性はアクセシビリティをどのように支援しますか?
ID属性は、フォーム要素にテキストの説明を関連付けることでWebアクセシビリティを改善するために使用できます。これは、
以上がID(HTML属性)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。