HTMLグローバル属性:id、class、data-*、aria-*など

id、class、style、data-*、aria-*、tabindex、hidden、inert、popoverなど、すべての要素で利用可能なHTMLグローバル属性を探索します。

Global Attributes

詳細な説明

HTMLグローバル属性

グローバル属性は、どのHTML要素にも適用できる属性です。スタイリング、スクリプティング、アクセシビリティ、動作のための必須機能を提供します。

アイデンティティとスタイリング、カスタムデータ属性、アクセシビリティ属性、フォーカスとインタラクション、モダン属性、国際化をカバーします。

ユースケース

グローバル属性は、あらゆるWebアプリケーションのほぼすべてのHTML要素で使用されます。idとclass属性はCSSとJavaScriptターゲティングの基本です。data属性はサーバー通信なしでメタデータを格納できます。ARIA属性はアクセシビリティコンプライアンスに不可欠です。

試してみる — HTML Element Reference

フルツールを開く