ID 属性とは

ID 属性は Web ページの特定のセクションを呼び出します

kr7ysztof /ゲッティイメージズ

によるW3C、の ID 属性 HTML は 要素の一意の識別子。 CSS スタイル、アンカー リンク、およびスクリプトのターゲットの Web ページの領域を識別する方法を提供します。

ID 属性は何に使用されますか?

ID 属性は、Web ページに対していくつかのアクションを実行します。

スタイルシートセレクター: これは、ほとんどの人が ID 属性を使用する機能です。それらは一意であるため、ID プロパティを使用してスタイルを設定するときは、Web ページ上の 1 つのアイテムだけをスタイルします。スタイリング目的で ID を使用することの欠点は、ID の特異性が非常に高いことです。そのため、何らかの理由で後でスタイルシートでスタイルをオーバーライドする必要がある場合、非常に困難になる可能性があります。このため、現在の Web プラクティスは、一般的なスタイル設定の目的で、ID および ID セレクターの代わりにクラスおよびクラス セレクターを使用する傾向にあります。 リンク先の名前付きアンカー: ウェブブラウザ URL の末尾にある ID を指定して、Web ドキュメント内の正確な場所をターゲットにします。ページ URL の最後に id を追加し、先頭にハッシュ マークを付けます。ハッシュ タグと ID 名を href 要素の属性。たとえば、ID が コンタクト 、そのページでそれにリンクします ＃コンタクト . スクリプトのリファレンス: Javascript 関数を記述する場合は、ID 属性を使用して、スクリプトでページ上の正確な要素を変更できるようにします。 その他の加工: id は、必要な方法で Web ドキュメント内の処理をサポートします。たとえば、HTML をデータベースに抽出し、ID 属性を使用してフィールドを識別できます。

ID 属性の使用規則

ID 属性が次の 3 つの標準に準拠していることを確認してください。

• ID は文字 (a-z または A-Z) で始まる必要があります。
• 後続のすべての文字は、文字、数字 (0 ～ 9)、ハイフン (-)、アンダースコア (_)、コロン (:)、およびピリオド (.) にすることができます。
• 各 ID はドキュメント内で一意である必要があります。

ID 属性の使用

Web サイトの固有の要素を特定したら、次を使用します。 スタイルシート その 1 つの要素だけをスタイルします。

たとえば、ID というタイトルを識別するには コンタクト 、次のいずれかの形式を使用します。

|_+_| |_+_|

最初のサンプルは、ID 属性が コンタクト . 2 つ目は、引き続き ID の要素をターゲットにします。 コンタクト 、それが部門であることを規定していないだけです。スタイリングの最終結果はまったく同じになります。

タグを追加せずにその特定の要素にリンクすることもできます。

スクリプトでその段落を参照するには、 getElementById JavaScript メソッド:

|_+_|

ID 属性は依然として HTML で非常に便利ですが、 クラスセレクター ほとんどの一般的なスタイリングの目的でそれらを置き換えました。 ID 属性をスタイルのフックとして使用すると同時に、それらをリンクのアンカーまたはスクリプトのターゲットとして使用することは、それらが今日の Web デザインで依然として重要な位置を占めていることを意味します。