Problem Statement
What is the purpose of HTML5 data-* attributes?
Explanation
HTML5 data-* attributes allow you to store extra information on HTML elements without using non-standard attributes. Data can be accessed via JavaScript using dataset. This is useful for passing metadata, IDs, or configuration details without affecting markup or layout.
Code Solution
SolutionRead Only
<!-- Example using data-* attributes -->
<button data-user-id="123" data-role="admin">Show Details</button>
<script>
const btn = document.querySelector('button');
console.log(btn.dataset.userId); // 123
console.log(btn.dataset.role); // admin
</script>