在HTML5中添加了data-*的方式來自定義屬性，所謂data-*實際上上就是data-字首加上自定義的屬性名,命名可以用駝峰命名方式，但取值是必需全部使用小寫，否則是undefinde 使用這樣的結構可以進行資料存放。使用data-*可以解決自定義屬性混亂無管理的現狀。

   小寫

<div id="app" data-app="app">
駝峰式

let cour = document.querySelector('#cour');

獲取data-的值

let  app = document.querySelector('#app');
let cour = document.querySelector('#cour');

 

console.log (app.dataset.app);
console.log (cour.dataset.courcd);