data- 属性

1. data- 属性 :
   在 HTML 标签中可以放入自创的属性，目的是去绑定 DOM 与资料以及验证资料。
2. 语法:
   data- + 自订属性名称 = "值"。
   例如：data-pets = "cat"、data-fruit = "apple"。
3. 而若要捞出所有 data- 开头属性的值，使用 JS 选取 DOM，然後加上 .dataset 的语法在後面，用 console.log 去查就会得到一组物件。

如上图所示 **data-**属性应用。

资料初始化格式

1. 先将HTML格式做出基本架构。
2. JS 设定 data 值。(假设值方便之後编写程序。)
3. 使用 function 功能搭配 forEach 回圈组件资料。
4. 使用 innerHTML 新增资料标签。

今天就到这结束。