投稿日:2015年2月2日 更新日:2021年12月9日 CSS, HTML 759文字:約2分 ONZE 株式会社 オンズ ONZE https://on-ze.com/archives/2156 HTML5から「独自データ属性」または「カスタムデータ属性」と呼ばれる新しい仕様が追加されました。 この機能により、任意のhtmlの要素に接頭語「data-」で始まる属性値を付与することで、プライベートな値を設定できるようになりました。 一例として以下のようなHTMLが記述できるようになっています。 <ul> <li data-list="first">第1のリスト</li> <li data-list="second">第2のリスト</li> <li data-list="third">第3のリスト</li> </ul> ここでは仮に「data-list」という独自データ属性を付与し、それぞ