CSS3 HTML5

Los nuevos estándares para el diseño y desarrollo web y Móvil

Capacitación HTML5

Custom Data en HTML5

| Deja tu comentario

Custom Data es una característica que encontramos en HTML5 para incorporar información personalizada en atributos de elementos del estándar.

La manera de utilizar esta opción es emplearla como un atributo del elemento o los elementos que deseemos. La lógica sería la siguiente: data-*="algo".

Siempre debemos comenzar con data- y luego del guión, en lugar del  * pondremos la palabra personalizada que deseemos. Entre las comillas, en lugar de "algo", debemos indicar una cadena como valor. Vamos a ver un ejemplo a continuación:

<span data-name="Roger Federer">Tenista record de Torneos de Nivel Mundial</span>

Luego, mediante JavaScript y el acceso al DOM podremos recuperar el valor que especifiquemos para aplicar funciones o manipular comportamiento y/o apariencia del elemento.

Un excelente artículo sobre este tema lo encontraremos en HTML5 Doctor.

Encontraremos más información en el Draf del Editor en el W3C.

 

¿Te gustaría aprender más sobre CSS3 y HTML5? Contáctanos.

Autor: Damián

Escribió cuatro libros, relacionados con sistemas operativos, hardware y desarrollo web, entre ellos se destaca Webmaster Profesional (editado en el año 2009) y HTML 5 – Entienda el cambio, aproveche su potencial lanzado en el 2011 en formato papel y en el 2012 en versión ebook. Se ha desempeñado como editor de libros relacionados con informática. Ha realizado trabajos de edición en la revista Users Digital Design, para la cual participa también escribiendo notas sobre diseño y desarrollo web. Ha colaborado como autor en la revista Dr. Max, Phone Users y en diversas colecciones de fascículos (Universo PC y 1000 Ideas PC, entre otras). Escribe contenidos para diversos medios online, incluyendo el sitio RedUSERS.com. Es consultor y especialista en desarrollo web, con amplio conocimiento en HTML, CSS, AJAX, PHP y Bases de datos. En la actualidad se destaca su trabajo en la preparación de contenidos relacionados con CSS3 y HTML5. Es profesor y dicta curso de HTML5 y clases en la Carrera de Programador Web en el Instituto IT Master Professional Training, en Buenos Aires (Argentina).

Deja un comentario

Es requirido que se compelte.*.