Adding attribute to html tag?

Question

for internal reasons I need to attach some information to some html tag. Example:

<img src="mypic" mycustomvalue="abc">

Can I add safely like that or there is another way?

Thanks

I am currently using HTML 5

<!DOCTYPE html><html lang="en">

How are you retrieving this attribute? Server side/Client side? — m.edmondson, Mar 24 '11 at 13:20
I write it with PHP, i retrive it with javascript client side — dynamic, Mar 24 '11 at 13:21

score 10 · Accepted Answer · answered Mar 24 '11 at 13:22

10

Yes, you can do that.

Note that the HTML5 standard is to prefix custom attributes with data-:

<img src="mypic" data-mycustomvalue="abc">

answered Mar 24 '11 at 13:22

SLaks

Could you also use a custom namespace? ? – John Bledsoe Mar 24 '11 at 13:24
aww never heard of data-* :) Thanks – dynamic Mar 24 '11 at 13:24
@John Bledsoe - No, not validly. And even if it were valid, the rules around colons in element and attribute names in HTML are so complex that I recommend steering well clear of them. – Alohci Mar 24 '11 at 14:19
@Alohci - Thanks. I also found this relevant post: http://stackoverflow.com/questions/581279/xhtml-validation-custom-namespaces-and-attributes – John Bledsoe Mar 24 '11 at 17:44

score 0 · Answer 2 · answered Mar 24 '11 at 13:22

0

Yes, you can set it like that, and retrieve it with :

document.getElementById("txtBox").getAttribute("mycustomvalue");

answered Mar 24 '11 at 13:22

Goran Genter

score 0 · Answer 3 · answered Mar 24 '11 at 13:23

0

Use getAttribute(), this should allow you to retrieve the value of any attribute.

answered Mar 24 '11 at 13:23

m.edmondson

3 Answers3