Использование атрибутов «data- *» для замены атрибутов «id» в тегах HTML для CSS-выбора

Question

Является ли хорошей идеей использовать атрибуты "data-" для замены атрибутов "id" в элементах (тегах) для целей выбора css, а затем использовать эти атрибуты "data- *" в сценариях автоматического тестирования?

Answer 1

номер

Выбор CSS и DOM-дерева по id намного быстрее, чем выбор любого другого атрибута. Выбор атрибутов данных может быть менее эффективным, чем выбор других атрибутов в некоторых браузерах.

Исключением может быть то, что вы злоупотребляете атрибутами id: сохраняете в них что-то, что не является просто идентификатором (например, составные данные или что-то не уникальное). Выбор частей значений id, если поддерживается, дает ужасную производительность. Я бы порекомендовал использовать атрибуты данных вместо злоупотребления атрибутами id.

Answer 2

Фактически, вы можете использовать любые атрибуты элемента.

Итак, Да , вы можете использовать атрибут data-* вместо атрибута id, а также при условии уникальной идентификации элемента.

---

HTML-данные- * Атрибуты

• Атрибуты data-* используются для хранения пользовательских данных, приватных для страницы или приложения.
• Атрибуты data-* дают нам возможность встраивать пользовательские атрибуты данных во все элементы HTML.
• Сохраненные (пользовательские) данные могут затем использоваться в JavaScript страницы для создания более привлекательного пользовательского интерфейса (без каких-либо вызовов Ajax или запросов к базе данных на стороне сервера).
• Атрибуты data-* состоят из двух частей:
  • Имя атрибута не должно содержать заглавных букв и должно содержать как минимум один символ после префикса data-
  • Значением атрибута может быть любая строка
• Примечание: пользовательские атрибуты с префиксом data- будут полностью игнорироваться пользовательским агентом.