ホームページ  >  記事  >  ウェブフロントエンド  >  IDはhtmlに属しますか?

IDはhtmlに属しますか?

青灯夜游
青灯夜游オリジナル
2022-09-23 16:58:342195ブラウズ

id ​​は html に属します。 ID は HTML のグローバル属性であり、すべての要素の共通の動作を構成するために使用でき、任意の要素で使用できます。 id 属性はタグに一意の名前(識別子)を付けるために使用され、CSS や JavaScript を使用してこのタグを操作する場合、id 属性を通じてタグを見つけることができます。

IDはhtmlに属しますか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

id ​​は HTML のグローバル属性であり、すべての要素の共通の動作を構成するために使用でき、任意の要素で使用できます。

一般的に使用されるグローバル属性には、class、hidden、id、lang、style、title、dir、contenteditable などが含まれます。

HTML id 属性

id ​​属性は、HTML に一意の名前 (識別子) を与えるために使用されます。 CSS または JavaScript を使用してこのタグを操作する場合、id 属性を通じてタグを見つけることができます。

タグの id 属性を定義すると、次のような多くの利便性が得られます。

  • タグに一意の識別子として id 属性がある場合、 id 属性を使用すると非常に便利です タグを見つけます;

  • HTML ドキュメントに同じ名前のタグが複数含まれている場合、id 属性の一意性を使用してそれらを簡単に区別できます。

注: id 属性の値は、HTML ドキュメント内で一意である必要があります。

構文:

<element id="id值">

ID 値の命名規則:

  • 文字 A ~ Z または a ~ z

    で始める必要があります。
  • 次の文字: 文字 (A-Za-z)、数字 (0-9)、ハイフン ("-")、アンダースコア ("_")、コロン (":")、ピリオド (".")

  • 値は大文字と小文字が区別されます

サンプル コードは次のとおりです:

<input type="text" id="username" />
<div id="content">PHP中文网</div>
<p id="url">https://www.php.cn/</p>

CSS で id 属性を使用する --id セレクター

ID セレクターは、特定の ID でマークされた HTML 要素の特定のスタイルを指定できます。

HTML 要素は id 属性を使用して ID セレクターを設定し、CSS の ID セレクターは「#」で定義されます。

構文構造は次のとおりです。

#ID {
  属性 : 属性值;
}

使用方法はクラス セレクターと似ているため、ここでは詳しく説明しません。 id 属性は一意であり、繰り返すことができないことに注意してください。

ID 値は HTML ドキュメント内で 1 回だけ出現できます。つまり、ID は 1 つの要素 (要素のタイプではなく、要素) を一意に識別することしかできません。

つまり、要素の ID はページ内で一意であるため、ID セレクターを使用して一意の要素を選択します。

例:

#div1{
    background:rgb(200,200,0);
    color:blue;
    font-size:20px;
}

実行結果

<p>这是一个段落</p>
<p id="div1">这是一个段落</p>

IDはhtmlに属しますか?

##注: id 属性の一意性により、通常は CSS が使用されますスタイル設定用 このセレクターは使用しないでください。このセレクターの主な目的は、JS 特殊効果を実行することです。

(学習ビデオ共有:

Web フロントエンド )

以上がIDはhtmlに属しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。