HTMLのdataについてです。 data-〇〇="△△"として、△△に名前を付ける時のルールはあり

HTMLのdataについてです。

data-〇〇="△△"として、△△に名前を付ける時のルールはありますか？
映画紹介サイトを作ろうと考えていて、△△の部分に映画の名前をそのまま記入しようと考えています。

例）data-title="I Am Legend"、data-title="ハンサム★スーツ" ←このように記入できますか？

空白・記号・環境依存文字・日本語を△△の部分に入れる事ができるのか知りたいです。

検索欄を設置し、そこに入力した映画名からその要素を検索できるようにしようと考えています。

No.3 ベストアンサー 回答者： yambejp 回答日時： 2018/09/10 10:37

ほとんど気にする必要はありませんが

気になるようならエンティティ化しておくことです

<script>
window.addEventListener('DOMContentLoaded', function(e){
document.querySelector('#btn').addEventListener('click',function(e){
console.log(decodeURIComponent(e.target.dataset["test"]));
});
});

</script>
<input type="button" data-test="%E3%88%B1%E3%81%82%E3%81%84%E3%81%86" value="go" id="btn">

No.2 回答者： Tacosan 回答日時： 2018/09/10 00:22

さすがに環境依存文字は無理 (別のところにもっていったら変わるかもしれないでしょ?) ですが, いわゆる Unicode にある文

字であれば最悪文字参照を使うことで記入することができます.

No.1 回答者： goold-man 回答日時： 2018/09/09 10:12

HTML作成プログラムは何ですか？

（ホームページ作成ソフトを利用しますか？）

この回答へのお礼

本当はプログラミングの勉強をしたいと思っていて、初歩の段階としてHTMLやJavaScript、cssを勉強しています。なので、ホームページ作成サービスなどは利用せず、atomというエディタソフトを利用して頑張って1から書いています。

お礼日時：2018/09/09 10:25