html - titulo - ¿Cuál es el propósito y uso del valor de datos, título de datos, título de datos originales, título original, etc.?

seo title

Question

He estado viendo estos atributos en sitios web más modernos como GitHub y similares, y siempre parecían coincidir con un popover personalizado como el atributo de 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>

Leí algunos documentos sobre atributos de datos en HTML5 Doctor, y no estoy muy seguro del punto.

¿Hay algún beneficio de SEO o accesibilidad para usarlos? ¿Y cuál es el complemento (con suerte jQuery) que se usa comúnmente para crear ventanas emergentes en este caso específico?

Answer 1

El punto principal es que los atributos de data- no entrarán en conflicto con los atributos que pueden agregarse a HTML más adelante o con atributos específicos del navegador. La idea es darle a un autor un área de juegos, un espacio de nombres donde pueda usar los atributos para fines privados sin temor a que se los interprete como atributos estándar o definidos por el vendedor en un significado diferente.

Según esta idea, los motores de búsqueda y el software de asistencia ignoran dichos atributos, ya que no tienen un significado interoperable.

Answer 2

Simplemente, la especificación para los atributos de datos personalizados establece que cualquier atributo que comience con "datos-" se tratará como un área de almacenamiento para datos privados (privado en el sentido de que el usuario final no puede verlo, no afecta el diseño). o presentación).

Esto le permite escribir un marcado HTML válido (pasando un validador de HTML 5) mientras, simultáneamente, incrusta datos dentro de su página. Un ejemplo rápido:

<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 ''No estoy seguro de la política de enlace externo, solo Ejohn.org aquí en caso de que alguien quiera saberlo''

Answer 3

HTML5 data-* atributo HTML5 data-* se utiliza para almacenar datos en el elemento

Para manipular este atributo, puede usar los jQuery.data() o .data() .