在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);