I've been adding custom attributes which I reference using JQuery, this works great. But is it good practice?
example:
<div class="monkeys" customattr="big Monkey"> </div>
thanks all
-
Nice to the point question with a nice example. Bravo.afuzzyllama– afuzzyllama2011-10-06 14:02:48 +00:00Commented Oct 6, 2011 at 14:02
-
possible duplicate of Non-Standard Attributes on HTML Tags. Good Thing? Bad Thing? Your Thoughts?Ciro Santilli OurBigBook.com– Ciro Santilli OurBigBook.com2014-01-31 11:18:00 +00:00Commented Jan 31, 2014 at 11:18
Add a comment
|
2 Answers
Best practice is to use HTML5 data-* attributes:
<div class="monkeys" data-customattr="big Monkey"> </div>
This is standards-compliant HTML5, unlike arbitrary custom attributes. It also makes sure that your custom attribute won't conflict with some future standard attribute.
In recent (1.5+) versions of jQuery, you can also use $('.monkeys').data('customatrr') to access the attribute.
Comments
Yes, it is. If you're not using HTML 5 (see @SLaks post) why not change your class to be descriptive?
<div class="big monkeys"> </div>
3 Comments
Wiseguy
Now you're assigning two classes: big and monkeys. Point taken, though, to use "bigMonkeys" or similar.
scottheckel
Yeah, but he probably already has styling for monkeys. And what if there are "small monkeys" or "baby monkeys". Taking a more OO approach is better unless he doesn't have that situation. However, I'm guessing this question wouldn't come up if that were the case.
Wiseguy
Fair enough. If that fits the situation, I'm all for it.