Atributos propios a etiquetas???

[rjulio21]

Buenas gente, queria hacer una consulta, con un tema que he visto algo interesante pero no manejo bien del todo. He estado leyendo hacerca de los "atributos" que pueden ser colocados a las etiquetas HTML. que hay atributos como el "role" que cada vez son más utilizados y algunos como ese role tienen documentación.... Tambien he visto una serie de atributos q me han causado sorpresa que son los "WAI-AIRIA" que he leido son para la semantica y programacion inteligente y eso. SIN embargo, viendo el BOOTSTRAP de "TWITTER" he visto que ellos tambien tienen una cantidad de atributos como "PROPIOS" que no existen ni documentados, haciendo pruebas me he dado cuenta que uno puede agregar cualquier atributo a una etiqueta y esta las agarra y pueden ser usadas desde javascript. ahora mi duda es. esto es por el html5? o siempre se ha seguido? influye en algo su uso? tiene alguna repercusion negativa?
Muchas gracias por su opinion.

[maycolalvarez]

técnicamente HTML deriva de XML, y XML no tiene límites para agregar tanto etiquetas como atributos, los DTD se definieron en función de controlar y estandarizar los documentos, como medida de controlar la misma segregación que tenemos en la web, donde cada navegador define sus propias reglas.

Es decir, que nada te impide hacerlo, obviamente no podrás esperar que un navegador entienda dichas etiquetas o atributos que no contempla , si bootstap define las suyas es porque él las reconoce y aplica, así que podrías hacer lo mismo.

HTML5 dio paso a la semántica, creando un montón de tag's nuevos, aunque similares, con el objetivo de "humanizar el lenguaje", a fin de cuentas HTML inicio con el HEAD y BODY, ¿por que no humanizar los DIV's?

[Carlangueitor]

En realidad si son atributos estándar.

Bootstrap utiliza dos tipos de atributos, por un lado son los aría-* que son para hacer aplicaciones más accesibles, puedes ver la documentación (que es aún un borrador) aquí: http://www.w3.org/WAI/PF/aria/ personalmente no he usado yo mismo estos atributos, aunque básicamente es para indicar ciertas cosas a navegadores más accesibles (como screen-readers y navegadores en modo texto). Unos links más:

http://rawgithub.com/w3c/aria-in-html/master/index.html
https://developer.mozilla.org/en-US/...ssibility/ARIA
http://alistapart.com/article/waiaria

Y por otro lado son los custom data atributes (data-*), y estos te sirven para agregar pequeños snippets de datos a elementos (esta es la manera correcta de agregar cosas que aveces poner en los rel o en las clases), puedes ver más en estos links:

http://html5doctor.com/html5-custom-data-attributes/
http://ejohn.org/blog/html-5-data-attributes/


Saludos