在京东的网站上看到的代码 这两个都是通过jquery的attr方法加入的，但是很疑惑？按理说span中根本没有code、clstag这样的属性啊 这些html属性都是可以随意加的吗？
比如：
$("span").attr("property","value");
<span property="value"></span>可以随意添加。但是浏览器不认识你自己添加的属性。
你自己添加的属性可以通过js来操作。
这里的属性不影响网站的布局
data-*属性用于存储页面或应用程序的私有自定义数据。
注释：用户代理会完全忽略前缀为 "data-" 的自定义属性。
http://www.w3school.com.cn/tags/att_global_data.asp
我感觉这些不知名的属性用于记录产品的信息，如更新时间，产品分类。这些属性的存在便于使用JS与后台进行交互。
例如data-type可能表示数据类型
可以随意添加，但是浏览器不会做特殊渲染而已，仅仅是知道你有这么一个属性。
不会说像input type=button 我就知道这个input需要长一个button的样子。
当然很多时候也充当一个选择标记。
可以的，HTML元素的标准属性是针对HTML语言的。