HTML5新特性: 自定義屬性首碼data-以及dataset的使用

HTML5規定可以為元素添加非標準的屬性，但要添加首碼 data- ，目的是為元素提供與渲染無關的
信息，或者提供語義信息。這些屬性可以任意添加、隨便命名，只要以 data- 開頭即可

添加了自定義屬性之後，可以通過元素的 dataset 屬性來訪問自定義屬性的值

 1 <div id="box" data-name='ghostwu' data-age='22' , data-sex='man'>ghostwu tell you how to learn html5</div>
 2     <script>
 3         var oBox = document.querySelector("#box");
 4         console.log( oBox.dataset ) ;
 5 
 6         var myName = oBox.dataset.name;
 7         var myAge = oBox.dataset.age;
 8         var mySex = oBox.dataset.sex;
 9 
10         if( oBox.dataset.name ) {
11             console.log( oBox.dataset.name );
12         }
13     </script>