【HTML5】カスタムデータ属性

お疲れ様です

ひなみです

今回はカスタムデータ属性について

カスタムデータ属性

html要素に独自名の属性を適用できる属性。

・主にCSSやJavaScriptなどからhtml要素にアクセスするために用いる。

・data-を接頭辞(プレフィックス)としてつける必要がある。

記述例

<ul>

<li data-pet-category="cat">ネコ</li>

</ul>

引用元

HTML教科書 HTML5プロフェッショナル認定試験 レベル1 スピードマスター問題集 Ver2.0対応