Los Atributos Personalizados en HTML5

En pasadas lecciones hemos aprendido que las etiquetas de HTML suelen ir acompañadas de atributos, los cuales les otorgan información adicional.

Por ejemplo, el tag img dispone del atributo alt y nos permite añadir una descripción alternativa a la imagen. O el tag a posee el atributo href para indicar la url donde queremos que nos dirija.

Pero los atributos son limitados, es decir, a cada etiqueta le corresponden un número finito de ellos. Esta limitación se acabó con la llegada del HTML5 ya que introdujeron el atributo personalizado, una especie de atributo comodín, llamado data, que puede ser utilizado en todas las etiquetas y nos permite crear tantos atributos como necesitemos.

Aquí te dejo con el código para que te ensucies un poco las manos:

  • index.html

¡Y con esto damos por finalizado el HTML y es hora de atacar el CSS! Recuerda que puedes seguir aprendiendo con los cursos de diseño y desarrollo WordPress del Club SiliCodeValley, a partir de 29€/mes sin permanencia, con soporte a tus dudas incluido y acceso a la comunidad privada de miembros.

¡Un abrazo y seguimos!

Deja un comentario