在HTML5中，我們可以使用data屬性為標(biāo)簽設(shè)置自定義屬性。這些屬性名必須以“data-”開頭，而屬性值可以是任何字符串。

<div data-name="John" data-age="30"></div>

在上面的例子中，我們?yōu)橐粋€div元素設(shè)置了兩個自定義屬性data-name和data-age。我們可以使用JavaScript來獲取或設(shè)置這些屬性的值。

var el = document.querySelector('div');
var name = el.dataset.name; //獲取data-name的值為"John"
var age = el.dataset.age; //獲取data-age的值為"30"
el.dataset.age = "31"; //設(shè)置data-age的值為"31"

在JavaScript中，我們可以使用dataset屬性來訪問元素上的data屬性。對于data-屬性中的連字符，我們需要使用駝峰命名法來訪問它們。例如，data-my-name可以通過dataset.myName來訪問。

var el = document.querySelector('div');
var myName = el.dataset.myName; //獲取data-my-name的值

使用data屬性可以讓我們在JavaScript中輕松獲取和設(shè)置自定義屬性的值，并且避免了使用防止命名沖突的全局變量，從而使代碼更加模塊化和可維護(hù)。