Atributos de HTML que no son (X) ... alguna desventaja?

Question

Por lo general, he intentado mantener los atributos exclusivos de DOM al escribir Javascript. Ahora que cambié de Prototype a jQuery, puedo obtener un gran beneficio al agregar mis propios atributos a varios elementos DOM, principalmente en el ámbito de poder configurar una convención de codificación muy legible para manejar solicitudes AJAX.

Como un ejemplo corto, esto significa que hago cosas como

<div type="book" app_id="13"> 
    <a href="#" action="delete">delete</a> 
</div> 

Y entonces puedo configurar código para encontrar todos los <a> etiquetas con un atributo action, encontrar un padre con un type y app_id, y luego hacer operaciones CRUD ... todo sin que tenga que escribir código adicional.

¿Hay algún inconveniente (aparte de no ser una queja estrictamente XHTML) que deba tener en cuenta, y/o cualquier buen hábito que debería emular? ¿Qué tal una forma estándar de configurar mi propio espacio de nombres de atributos?

Answer 1

Can I store custom attributes in HTML DOM like a database record?

Los nuevos HTML 5 atributos de datos podría ser lo que buscas.

http://ejohn.org/blog/html-5-data-attributes/

http://dev.w3.org/html5/spec/Overview.html#custom

Yo sé que no es "XHTML", pero al menos es parte de algún estándar;)

Answer 2

Según this question, el uso de espacios de nombres XML en XHTML 1.0 no es válido. Agregar mis propios atributos al mismo espacio de nombres me parece peor, ya que ciertamente no son válidos, incluso en lo que respecta a XML.

Si estuviera haciendo esto, obtendría mi millaje de class y rel atributos. Por ejemplo:

<div class="book" id="book_13"> 
    <a href="http://example.com/url/to/delete/non/ajaxily" class="delete">delete</a> 
</div> 

Answer 3

No veo nada de malo en este enfoque. De hecho, he visto muchos ejemplos de esto y yo mismo utilicé este enfoque en muchas aplicaciones y no he enfrentado ningún obstáculo, excepto ese problema de validación. Así que creo que eres libre de ir =)

Answer 4

No veo nada de malo en agregar atributos no válidos a menos que alguien esté usando un navegador desconocido que sea súper estricto y falle en cualquier cosa que no sea un estándar. Esto podría suceder, supongo ... pero es dudoso ...

Una buena alternativa, sin embargo, sería utilizar jQuery Metadata Plugin para almacenar pares de clave-> valor fácilmente accesibles desde dentro de un atributo.