Va bene aggiungere i propri attributi agli elementi HTML?

Question

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

Nel progetto di apprendimento corrente sto lavorando, ho bisogno di aggiungere un attributo il cui valore sarà un numero. All'inizio ho pensato di usare "id" per questo scopo ma lo an answer ha rivelato che non è bello farlo.

Va bene se creo il mio attributo personale, diciamo "messico" e assegno ad esso un valore numerico come "12", "6" ecc.?

Ecco perché voglio fare questo in modo che tu possa correggermi se sto facendo completamente sbagliato: Ho bisogno di accedere a questo numero nel mio JavaScript (usando jQuery). Prendendo semplicemente il valore dell'attributo è facile, ma estrarre il valore numerico da una stringa come "m12" o "m6" è un dolore. (Sono un principiante nel mondo JavaScript.)

Answer 1

C'è stata molta discussione su questo:

• 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?

Alla fine della giornata, sono sul campo che crede attributi dei dati sono il modo migliore per andare. Sono stati introdotti in HTML5 per evitare conflitti di nome. In sostanza, se si desidera memorizzare i dati relativi nulla basta anteporre "data-" sul nome di attributo:

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

L'unico neo per il tutto è allora che il vostro XHTML non convaliderà, ma onestamente don non mi importa di quella roba. (Esatto, l'ho detto)

Answer 2

No - it's not.

Answer 3

In HTML 5 è possibile aggiungere qualsiasi attributo a partire da data-, quindi ad es. <div data-messid="12"> è OK.

HTML 4 e XHTML 1 non si convalideranno se si aggiunge il proprio attributo, ma oltre a ciò non accadrà nulla di male se si sceglie il nome di attributo abbastanza unico (quindi non entrerà in conflitto con alcun attributo HTML corrente o futuro).

Answer 4

Uso gli attributi personalizzati e poiché sono supportati da tutti i browser selezionati, penso che non sia male utilizzarli. Puoi anche utilizzare tag HTML personalizzati per simulare HTML5, con alcuni hack di IE, quindi perché non utilizzare gli attributi, se non hanno bisogno di hack?

In ogni caso, si può leggere la discussione simile qui: Custom attributes - Yea or nay?

Answer 5

Questa non è una risposta definitiva, ma avendo avuto a che fare in passato posso dire che questo non solo funziona bene, è cross-browser amichevole.

Answer 6

Solo così si sa, si può facilmente estrarre un ID da una stringa del tipo M12 o m6, lo farei in questo modo:

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

Se per esempio, si dispone di un mazzo di collegamenti con i numeri in l'ID come sopra, e tutti i link hanno la classe clickMe:

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

Answer 7

Se si utilizza jQuery è possibile utilizzare .data per memorizzare informazioni personalizzate nei confronti di un elemento.

Il lato negativo di attributi personalizzati sono:

• IE6 crea oggetti extra per memorizzare su misura 'expando' attributi questi hanno la tendenza a fuoriuscire soprattutto se vengono creati tramite script.

• convalida emette