web-dev-qa-db-fra.com

quel est le but et l'utilisation de data-value, data-title, data-original-title, original-title, etc.?

J'ai vu ces attributs sur des sites Web plus modernes comme GitHub et autres, et ils semblaient toujours coïncider avec un popover personnalisé comme l'attribut 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>

J'ai lu quelques documents sur les attributs de données sur HTML5 Doctor, et je ne suis pas tout à fait sûr du point.

Y a-t-il des avantages SEO ou accessibilité à les utiliser? Et quel est le plugin (espérons-le jQuery) couramment utilisé pour créer les popovers dans ce cas spécifique?

htmlcustom-data-attribute
17
questy

Simplement, la spécification pour les attributs de données personnalisés stipule que tout attribut commençant par "data-" sera traité comme une zone de stockage pour les données privées (privé dans le sens où l'utilisateur final ne peut pas le voir - cela n'affecte pas la mise en page ou présentation).

Cela vous permet d'écrire un balisage HTML valide (en passant un validateur HTML 5) tout en incorporant simultanément des données dans votre page. Un exemple rapide:

 <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>

De: Ejohn.org 'Pas sûr de la politique des liens externes, il suffit de la mettre ici au cas où quelqu'un voudrait savoir'

13
lloan

HTML5 data-* l'attribut est utilisé pour stocker des données dans l'élément

Pour manipuler avec cet attribut, vous pouvez utiliser les méthodes jQuery.data () ou . Data () .

12
Shaddow

Le point principal est que data- les attributs ne se heurteront pas aux attributs qui peuvent être ajoutés au HTML ultérieurement ou aux attributs spécifiques au navigateur. L'idée est de donner à un auteur une aire de jeux, un espace de noms où il peut utiliser des attributs à des fins privées sans craindre de les avoir jamais interprétés comme des attributs standard ou définis par le vendeur dans un sens différent.

Selon cette idée, les moteurs de recherche et les logiciels d'assistance ignorent ces attributs, car ils n'ont aucune signification interopérable.

7
Jukka K. Korpela