is it standard to use undefinded attribute in html

Question

I sometime use undefined attribute.

---

Example

<ul>
  <li id="goFirst" url="abcd.jsp">menu1</li>
  <li id="goSecond" url="abcd2.jsp">menu2</li>
</ul>

---

By using attribute("url"), I could easily access attribute by jQuery.

Usage in jQuery

var url = $("#goFirst").attr(url);
location.href="url";

However, I'm not sure whether this is right way to use or non-standard way.

Sorry for my English. thanks

Answer 1

Use data-url instead, this is valid HTML.

<li id="goFirst" data-url="abcd.jsp">

Then you can use:

var url = $("#goFirst").attr("data-url");

Or:

var url = $("#goFirst").data("url");