Czy można dodać własne atrybuty do elementów HTML?

Question

Możliwe duplikaty:
Custom attributes - Yay or nay?
Non-Standard Attributes on HTML Tags. Good Thing? Bad Thing? Your Thoughts?

W bieżącym projekcie uczenia Pracuję nad muszę dodać atrybut, którego wartość będzie liczbą. Początkowo myślałem o użyciu "id" w tym celu, ale an answer ujawnił, że nie jest to dobre.

Czy mogę utworzyć własny atrybut, powiedz "messid" i przypisać do niego wartość liczbową, taką jak "12", "6" itd?

Oto dlaczego chcę to zrobić, aby móc poprawić mnie, jeśli robię to całkowicie źle: Potrzebuję uzyskać dostęp do tego numeru w moim JavaScript (przy użyciu jQuery). Po prostu wzięcie wartości atrybutu jest łatwe, ale wyodrębnienie wartości numerycznej z ciągu jak "m12" lub "m6" jest uciążliwe. (Jestem początkującym w świecie JavaScript.)

Answer 1

Odnotowano wiele dyskusji na ten temat:

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

Pod koniec dnia, jestem na obozie, który wierzy atrybuty danych są najlepsza droga. Są wprowadzane w HTML5, aby uniknąć konfliktów nazw. Zasadniczo, jeśli chcesz przechowywać dane Wszystko związane wystarczy poprzedzić „teleinformatyczny” w nazwie atrybutu:

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

Jedyną wadą do Całość jest następnie, że XHTML nie zweryfikuje, ale szczerze don Nie przejmuj się tym. (Tak, powiedziałem)

Answer 2

Nie - it's not.

Answer 3

W HTML 5 można dodać dowolny atrybut zaczynający się od data-, np. <div data-messid="12"> jest OK.

HTML 4 i XHTML 1 nie będą sprawdzane, jeśli dodasz własny atrybut, ale poza tym nic złego się nie stanie, jeśli wybierzesz wystarczająco unikatową nazwę atrybutu (aby nie kolidowała z żadnym bieżącym lub przyszłym atrybutem HTML).

Answer 4

Używam atrybutów niestandardowych, a ponieważ są one obsługiwane przez wszystkie przeglądarki, które sprawdziłem, uważam, że nie jest to złe. Możesz również użyć niestandardowych znaczników HTML do symulacji HTML5, z pewnym hackem IE, więc dlaczego nie używać atrybutów, jeśli nie potrzebują żadnych hacków?

W każdym razie, można przeczytać podobną dyskusję tutaj: Custom attributes - Yea or nay?

Answer 5

To nie jest ostateczna odpowiedź, ale po mieliśmy to zrobić w przeszłości, mogę powiedzieć, że to nie tylko działa dobrze, to jest cross-browser przyjazny.

Answer 6

Tak wiesz, można łatwo wyodrębnić identyfikator z ciągu znaków, takich jak M12 lub M6, zrobiłbym to tak:

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

Lub jeśli powiedzmy, masz kilka linków z numerami w Identyfikator jak wyżej, a wszystkie linki mają klasę clickMe:

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

Answer 7

Jeśli jQuery można użyć .data do przechowywania informacji niestandardowych przeciwko elementu.

Wadą atrybutów niestandardowych są:

• IE6 tworzy dodatkowe obiekty do przechowywania niestandardowe „EXPANDO” Atrybuty te mają skłonność do wycieku szczególnie jeśli są one tworzone za pomocą skryptu.

• walidacji wydaje