Es posible que los datos predefinidos por schema.org no te sean suficientes y precises añadir información adicional. Los datos personalizados ademas de aportar información se podrían manejar con javaScript o CSS para otros fines. Hay que tener en cuenta que dicha información no es visible por el usuario.
Cómo usarlos
Voy a poner un ejemplo con películas
|
1 2 3 4 5 6 |
<ul> <li data-estreno="1985" data-director="Robert Zemeckis" data-genero="Ciencia ficción">Regreso al futuro</li> <li data-estreno="1994" data-director="Robert Zemeckis" data-genero="Comedia dramática">Forrest Gump</li> <li data-estreno="1997" data-director="James Cameron" data-genero="Drama">Titanic</li> <li data-estreno="1994" data-director="Steven Spielberg" data-genero="Drama histórico">La lista de Schindler</li> </ul> |
Como puedes ver en el ejemplo, basta con usar data– seguido de la palabra o carácter que quieras. En este caso cada película tiene especificado el año de estreno, director y genero todo ello con atributos data.
No estas limitado a usar un sólo guión. Por ejemplo, data-modelo-fecha sería válido pero, cuando uses una API para datasets debería referirse como dataset.modeloFecha. Sin embargo, con funciones como getAttribute() o setAttribute puedes seguir refiriéndote como data-modelo-fecha.
Y hasta aquí los datos personalizados, espero que podáis sacarle provecho. A seguir picando 🙂