What are “data-url” and “data-key” attributes of tag?

Question

I\'ve faced two strange attributes of an html tag . They are \"data-url\" and \"data-key\".

What are they and how

Answer 1

Those are called HTML5 Custom Data attributes.

Custom data attributes are intended to store custom data private to the page or application, for which there are no more appropriate attributes or elements. These attributes are not intended for use by software that is independent of the site that uses the attributes. Every HTML element may have any number of custom data attributes specified, with any value.

The reason why you can't find it in Google is because those attribute are custom attributes generated by user for their own usage.

From seeing your code it seems:

• The person who has written this code, wants to store some additional information with the elements. Not sure he may handle this in Javascript too.

• What you should do is to check the Javascript code completely, whether he is handling those data attributes or if possible check with him.

• Since you code is using jQuery library, check for .data() method. After a complete code review, if you find it has no use, then feel free to remove.