HTML5是一種新型的HTML標準，為開發者帶來了更多的創新和便利。其中，設置data屬性是HTML5中一個非常有用的功能，它可以讓我們在HTML元素中添加自定義的數據。

<div data-student-id="123456">Michael</div>

在上面的例子中，我們可以看到，通過在div元素中添加"data-student-id"屬性，我們可以輕松地將學生的ID與該學生的姓名相關聯。這可以為我們的代碼和樣式提供更多的信息。

在JavaScript中，我們可以使用getAttribute()方法來讀取元素的data屬性的值。但是在HTML5中，我們可以使用dataset對象來更方便地訪問和操作元素的data屬性。

// 獲取data屬性的值
var studentID = document.querySelector('div').dataset.studentId;
// 設置data屬性的值
document.querySelector('div').dataset.studentId = '987654';

通過dataset對象，我們可以像訪問對象中的私有屬性一樣訪問和修改元素的data屬性。除此之外，我們還可以使用data-*的方式來設置更多的自定義屬性，并通過dataset對象來訪問和修改這些自定義屬性的值。

<div data-my-custom-attribute="hello">World</div>
// 獲取自定義屬性的值
var myCustomAttribute = document.querySelector('div').dataset.myCustomAttribute;
// 設置自定義屬性的值
document.querySelector('div').dataset.myCustomAttribute = 'goodbye';

通過HTML5中設置data屬性和使用dataset對象來訪問和修改自定義屬性的值，我們可以在HTML中嵌入更多的數據信息，并為我們的代碼和樣式提供更多的靈活性。