HTML グローバル属性とは

小老鼠
リリース: 2023-08-16 17:27:09
オリジナル
1522 人が閲覧しました

HTML グローバル属性は、HTML 要素に適用できる一連の属性であり、すべての HTML 要素で使用できます。グローバル属性は、要素の外観と動作を制御するためだけでなく、要素の追加情報や機能を提供するためにも使用できます。グローバル属性は、ブロック レベル要素かインライン要素かに関係なく、任意の HTML 要素に適用できます。要素。要素のスタイルを設定する場合でも、追加情報を提供する場合でも、対話型機能を実装する場合でも、グローバル プロパティは非常に便利なツールです。

HTML グローバル属性とは

このチュートリアルの動作環境: Windows 10 システム、Dell G3 コンピューター。

HTML グローバル属性は、HTML 要素に適用できる一連の属性であり、すべての HTML 要素で使用できます。グローバル プロパティは、要素の外観や動作を制御するためだけでなく、要素の追加情報や機能を提供するためにも使用できます。

グローバル属性は、ブロックレベルかインラインかに関係なく、任意の HTML 要素に適用できます。これらは特定の要素タイプに制限されないため、ドキュメント全体で使用できます。

次に、一般的な HTML グローバル属性をいくつか示します:

1. クラス属性: 要素のカテゴリを指定するために使用されます。スペースで区切って 1 つ以上のクラス名を使用できます。クラス名を使用して、要素のスタイルを設定したり、要素に特定の動作を提供したりできます。

2. id 属性: 要素の一意の識別子を指定するために使用されます。 id 属性の値はドキュメント全体で一意である必要があります。 id 属性を使用すると、特定の要素を見つけたり、CSS スタイルシートでスタイルを設定したりできます。

3. style 属性: 要素のインライン スタイルを指定するために使用されます。 CSS のプロパティと値を使用して要素の外観を定義できます。インライン スタイルは、外部および内部のスタイル シートよりも優先されます。

4. title 属性: 要素の追加情報を提供するために使用されます。要素の上にマウスを置くと、ブラウザーは title 属性の値をツールチップとして表示します。

5. lang 属性: 要素の言語を指定するために使用されます。 ISO 言語コードを使用して要素の言語を定義すると、スクリーン リーダーや翻訳ツールがテキストを正しく解析して処理できるようになります。

6. tabindex 属性: タブ オーダー内の要素の位置を指定するために使用されます。正の整数を使用して要素のタブ オーダーを定義できます。 Tab キーを押すと、ユーザーはフォームまたはページ内のさまざまな要素に移動できます。

7. accesskey 属性: 要素のアクセス キーを指定するために使用されます。 1 文字を使用して要素のアクセス キーを定義できます。ユーザーは、アクセス キーとブラウザ固有のキーの組み合わせを押すことで、要素にすばやく移動できます。

8. contenteditable 属性: 要素が編集可能かどうかを指定するために使用されます。これを「true」または「false」に設定して、要素の編集機能を有効または無効にすることができます。これは、編集可能な Web コンテンツやオンライン エディターを作成する場合に便利です。

9. ドラッグ可能属性: 要素をドラッグできるかどうかを指定するために使用されます。これを「true」または「false」に設定して、要素のドラッグ機能を有効または無効にすることができます。これは、ドラッグ アンド ドロップ操作を実装する場合に便利です。

10. hidden 属性: 要素を非表示にするかどうかを指定するために使用されます。 「true」または「false」に設定して要素を表示または非表示にすることができます。非表示の要素はドキュメント内にまだ存在しますが、ページには表示されません。

これらのグローバル プロパティは、任意の HTML 要素で使用でき、他の要素固有のプロパティと一緒に使用できます。これらにより、開発者は特定のニーズを満たす Web ページを作成するためのより柔軟な制御が可能になります。要素のスタイルを設定する場合でも、追加情報を提供する場合でも、対話型機能を実装する場合でも、グローバル プロパティは非常に便利なツールです。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート