HTML5で導入された data- で始まるカスタムデータ属性（data-*）を使用することで、id, class に加えてCSS の装飾区分を増やすことができます。CSSでの指定方法は id, class と少し異なりますので、ぜひ試してみましょう。\ndata-* は、CSS 以外にも Javascript でも利用できるので、さらに多彩な制御が可能になります。\n\nさて、例題ですが、MDN Web Docs - moz://a によれば、\ndata- の後の文字列の制限は、XML の命名規則に加え、下記の３つの制限が記載されています。\n- XML として使用する場合であっても、名前を xml で始めてはならない。\n- 名前にコロン (U+003A) を含めてはならない。\n- 名前に大文字の A から Z を含めてはならない。\nこの３つは、選択肢のB、C、Dになり、正解です。\nAのハイフンもDのアンダースコアも使用できるので、不正解です。\n\n参考文献：\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*\nhttps://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/data-*\nhttps://www.w3.org/TR/REC-xml/#NT-Name

💾 ✔️