HTML5中的data-role屬性用于定義元素的角色或功能。它是用來標識元素的特定功能或扮演特定角色的屬性。
data-role屬性通常與JavaScript框架（如jQuery Mobile）一起使用，用于定義元素在應用程序中的角色。它可以用于定義頁面元素的行為、樣式和交互。
例如，一個按鈕元素可以使用data-role="button"來表示它是一個按鈕，可以觸發特定的操作或事件。而一個頁面的頭部可以使用data-role="header"來表示它是一個頁面的頭部。
使用data-role屬性可以讓開發者更好地組織和理解頁面的結構和功能，同時也方便了開發者在JavaScript中對具有特定角色的元素進行操作和樣式設置。
