Атрибут data-* тега <address>

Описание

Атрибуты data-* позволяют хранить пользовательские данные в HTML-элементах, включая тег <address>. Эти атрибуты полезны для хранения дополнительной информации, которая может использоваться JavaScript или CSS.

Хранение дополнительных данных:
<address data-city="Москва" data-country="Россия" data-type="офис"> Компания "Пример"<br> ул. Тестовая, 123 </address>
Использование в JavaScript:
<address id="company-address" data-lat="55.7558" data-lng="37.6173"> Офис в Москве </address> <script> const address = document.getElementById('company-address'); console.log(address.dataset.lat); // "55.7558" console.log(address.dataset.lng); // "37.6173" </script>
Использование в CSS:
<style> address[data-region="europe"] { border-left: 3px solid blue; } </style> <address data-region="europe"> Европейский филиал<br> Берлин, Германия </address>

Атрибуты data-* предоставляют гибкий способ хранения произвольной информации в HTML, что особенно полезно для динамического взаимодействия с JavaScript и стилизации через CSS.