Какова цель и использование данных-данных, названия данных, данных-оригинала-названия, оригинала-названия и т.д.?

Я видел эти атрибуты на более современных веб-сайтах, таких как GitHub и т.д., и они всегда, казалось, совпадали с настраиваемым popover, как атрибут title.

<a href="/" data-value="hovering message">Option 1</a>
<a href="/" data-title="hovering message">Option 2</a>
<a href="/" data-original-title="hovering message">Option 3</a>
<a href="/" original-title="hovering message">Option 4</a>

Я прочитал несколько документов об атрибутах данных на HTML5 Doctor, и я не совсем уверен в этом.

Есть ли какой-либо SEO или доступ к преимуществам для их использования? И какой плагин (надеюсь, jQuery) обычно используется для создания popovers в этом конкретном случае?

Ответы

Ответ 1

Проще говоря, спецификация для пользовательских атрибутов данных гласит, что любой атрибут, начинающийся с "data-", будет рассматриваться как область хранения личных данных (закрытых в том смысле, что конечный пользователь не может их увидеть - это не влияет на макет или представление),

Это позволяет вам написать правильную разметку HTML (передавая валидатор HTML 5), одновременно вставляя данные на вашу страницу. Быстрый пример:

 <li class="user" data-name="John Resig" data-city="Boston"
        data-lang="js" data-food="Bacon">
      <b>John says:</b> <span>Hello, how are you?</span>
    </li>

Ответ 2

Атрибут

HTML5 data-* используется для хранения данных в элементе

Для управления этим атрибутом вы можете использовать jQuery.data() или .data() методы.

Ответ 3

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

Согласно этой идее, поисковые системы и вспомогательное программное обеспечение игнорируют такие атрибуты, поскольку они не имеют интероперабельного значения.