Как data-атрибуты помогают в создании адаптивных веб-интерфейсов?

Data-атрибуты помогают в создании адаптивных веб-интерфейсов следующим образом:

• Хранят дополнительную информацию о стандартных HTML-элементах, что позволяет работать с этими данными в JavaScript при помощи собственного API. doka.guide Например, в data-атрибутах можно хранить информацию о типе элемента, расстоянии до него и других характеристиках. webformyself.com
• Используются для стилизации элементов с помощью селекторов атрибутов в CSS. webformyself.com Например, с их помощью можно дать подсказку пользователям о типе элемента или расстоянии до него. webformyself.com
• Упрощают динамическое изменение контента через JavaScript. blog.webdevsimplified.com Например, если нужно динамически менять количество непрочитанных сообщений в кнопке уведомления, достаточно обновить data-атрибут, и количество автоматически изменится. blog.webdevsimplified.com