¿Está bien agregar sus propios atributos a elementos HTML?

Question

duplicados posibles:
Custom attributes - Yay or nay?
Non-Standard Attributes on HTML Tags. Good Thing? Bad Thing? Your Thoughts?

En el proyecto de aprendizaje en el que estoy trabajando, tengo que añadir un atributo cuyo valor será un número. Al principio pensé en usar "id" para este propósito, pero an answer reveló que no es bueno hacer eso.

¿Está bien si creo mi propio atributo, diga "messid" y le asigno un valor numérico como "12", "6", etc.?

He aquí por qué quiero hacer esto para que pueda corregirme si lo estoy haciendo totalmente mal: Necesito acceder a este número en mi JavaScript (usando jQuery). Solo tomar el valor del atributo es fácil, pero extraer el valor numérico de una cadena como "m12" o "m6" es una molestia. (Soy un principiante en el mundo de JavaScript.)

Answer 1

Ha habido mucha discusión sobre esto:

• Custom attributes - Yay or nay?
• How to store arbitrary data for some HTML tags
• Non-Standard Attributes on HTML Tags. Good Thing? Bad Thing? Your Thoughts?

Al final del día, estoy en el campamento que cree atributos de datos son la mejor manera de ir Se están introduciendo en HTML5 para evitar conflictos de nombres. En esencia, si desea almacenar los datos de cualquier cosa relacionada que simplemente escriba "Data-" en el nombre del atributo:

<div class="user" data-userid="5"></div> 

La única desventaja de todo el asunto es entonces que el XHTML no validará, pero sinceramente Don No me importa eso. (Así es, lo dije)

Answer 2

No - it's not.

Answer 3

En HTML 5, puede agregar cualquier atributo que comience por data-, por ejemplo, <div data-messid="12"> está bien.

HTML 4 y XHTML 1 no validarán si agrega su propio atributo, pero además nada malo sucederá si elige el nombre del atributo lo suficientemente único (para que no entre en conflicto con ningún atributo HTML actual o futuro).

Answer 4

Uso atributos personalizados, y como son compatibles con todos los navegadores que revisé, creo que no está mal usarlos. También puede usar etiquetas HTML personalizadas para simular HTML5, con algunos hack de IE, ¿por qué no utilizar atributos si no necesitan ningún hack?

De todos modos, se puede leer la discusión similar aquí: Custom attributes - Yea or nay?

Answer 5

Esto no es una respuesta definitiva, pero después de haber tenido que hacer esto en el pasado lo que puedo decir esto no sólo funciona bien, es multi-navegador amistoso.

Answer 6

Para que sepan, se puede extraer fácilmente una identificación de una cadena como M12 o M6, lo haría así:

//name the IDs m_12, m_3 etc 
var number = $('#someElement').attr('id').split('_')[1]; 

O si por ejemplo, usted tiene un montón de enlaces con los números de el ID que el anterior, y todos los enlaces tienen la clase clickMe:

$('a.clickMe').click(function() { 
    alert($(this).attr('id').split('_')[1]); 
}); 

Answer 7

Si se utiliza jQuery se puede utilizar .data para almacenar información personalizada en contra de un elemento.

La desventaja de los atributos personalizados son:

• IE6 crea objetos adicionales para almacenar personalizado 'Expansión' atributos de estos tienen una tendencia a la fuga especialmente si se crean a través de la escritura.

• validación emite