What are data-attributes used for in HTML?

For storing arbitrary data that does not have an explicit semantic meaning directly in HTML elements. This allows:

• Accessing this data via JavaScript for dynamic behavior or manipulations.
• Using them in CSS selectors to style elements based on data attribute values.
• Embedding configuration or metadata related to a specific element without the need for separate storage or workarounds.

For example, you can store the ID of a related object, the status of an element, or other application-specific data.