Различия

Показаны различия между двумя версиями страницы.

--- software:development:web:docs:learn:html:howto:use_data_attributes [2024/03/03 17:27] – создано vladpolskiy
+++ software:development:web:docs:learn:html:howto:use_data_attributes [2025/12/06 19:58] (текущий) – внешнее изменение 127.0.0.1
@@ Строка 56: / Строка 56: @@
 </file>
-Вы можете увидеть, как все это работает вместе, в этом примере [[https://book51.ru/demo/code-docs/pages/global_attributes/JSBin.html|JSBin]].
+Вы можете увидеть, как все это работает вместе, в этом примере [[https://wwoss.ru/demo/code-docs/pages/global_attributes/JSBin.html|JSBin]].
 Атрибуты данных также могут храниться для хранения постоянно меняющейся информации, например, результатов в игре. Используя здесь селекторы CSS и доступ к JavaScript, вы можете создавать отличные эффекты без необходимости писать собственные процедуры отображения. См. это [[https://www.youtube.com/watch?v=On_WyUB1gOk|видео]] с примером использования сгенерированного контента и переходов CSS ([[https://jsbin.com/atawaz/3/edit|пример JSBin]]).
@@ Строка 63: / Строка 63: @@
 =====Проблемы=====
+Не храните контент, который должен быть видимым и доступным, в атрибутах данных, поскольку вспомогательные технологии могут не получить к ним доступ. Кроме того, поисковые роботы не могут индексировать значения атрибутов данных.
+=====Ссылки и дополнения=====
+  * Эта статья адаптирована из статьи [[https://hacks.mozilla.org/2012/10/using-data-attributes-in-javascript-and-css/|«Использование атрибутов данных в JavaScript и CSS»]] на сайте hacks.mozilla.org .
+  * Пользовательские атрибуты также поддерживаются в SVG 2; см. [[software:development:web:docs:web:api:htmlelement:dataset|HTMLElement.dataset]] и [[software:development:web:docs:web:html:global_attributes:data|data-*]] для получения дополнительной информации.
+  * [[https://www.sitepoint.com/use-html5-data-attributes/|Как использовать атрибуты данных HTML]] (Sitepoint)