HTML のグローバル属性とは何ですか?

HTML グローバル属性は、すべての HTML 要素に適用される属性であり、どの HTML タグでも使用できます。これらのグローバル プロパティは、HTML 要素の機能とスタイルを強化する共通の属性を提供することを目的としています。以下に、一般的に使用される HTML グローバル属性をいくつか紹介し、対応するコード例を添付します。

1. class (クラス)
   class 属性は、要素のスタイルを定義する 1 つ以上のクラス名を指定するために使用されます。複数のクラス名はスペースで区切ることができます。スタイル シートと JavaScript コードは、クラス名に基づいて特定の要素を選択できます。

コード例:

<div class="container">
    <p class="red">这是一个红色的段落。</p>
</div>

上記の例では、class="container" はクラス名 container のクラスを定義します。 div 要素、および class="red" は、クラス名 red を持つ p 要素を定義します。

2. id (識別)
   id 属性は、要素の一意の識別子を定義するために使用され、特定の要素を選択できるようにします。 JavaScript または CSS。要素 id は各ページで一意である必要があります。

コード例:

<h1 id="title">这是页面的标题</h1>

上記の例では、id="title" は一意の識別子を title として定義します。 #h1 要素。

3. style (スタイル)
   style 属性は、要素のインライン スタイルを直接定義するために使用されます。色、フォント、要素の背景とその他のスタイル。

コード例:

<p style="color: red; font-size: 16px;">这是一个红色的段落，字体大小为16像素。</p>

上記の例では、

style 属性は、赤色のフォントと、フォント サイズが p## を定義します。 16ピクセルの#要素。

title
4. (タイトル) title
   属性は、マウスが要素の上に置かれたときに要素に追加情報を提供するために使用されます。ツールチップとして表示されます。通常、要素の追加説明を提供するために使用されます。
コード例:

<a href="https://www.example.com" title="点击跳转到示例网站">示例网站</a>

上記の例では、マウスを

要素の上に置くと、次の形式になります。 「クリックするとサンプル Web サイトにジャンプします」というツールチップが表示されます。 上記は、HTML グローバル属性の一般的な使用例と例にすぎません。

lang

、hidden、draggable# など、他のグローバル属性もあります。 ## など、それぞれに独自の用途があります。グローバル属性を使用すると、Web ページの開発とカスタマイズにおける柔軟性と機能が向上し、これらの属性を適切に使用することで、ページのコンテンツをより適切に制御し、表示できるようになります。

以上がHTML のグローバル属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。