我应该如何在td元素中存储‘额外’信息？

Question

我向最终用户显示了以下标记：

<td class="event-start"> Mon 25th Feb (2013) @ 01:00pm</td>

我正在开发一个功能，允许用户编辑事件开始时间。

但是，这种时间格式很难使用(在jQuery中)，因为我为最终用户格式化了它，而不是将其显示为unix时间戳。

因此，我认为将event-start的实际值(作为Unix时间戳)存储在<td>元素的另一个属性中可能更合适。

<td class="event-start" actual-start="unix-timestamp"> Mon 25th Feb (2013) @ 01:00pm</td>

我的问题是-这个属性的名称应该是什么？有没有我应该为这个属性使用的标准名称，或者我应该遵循的任何约定？

Answer 1

您应该研究HTML5自定义数据属性。HTML5 Working Draft上的W3C文档。

简而言之，属性名称的前缀为data-。这样做可以通过元素上的JS dataset属性提供对数据元素的专用访问。

This article有一个很好的解释/例子：

特别是：

自定义属性的吸引力在于，它允许您轻松地将一些信息与稍后使用JavaScript解析的元素关联起来。使用JavaScript检索"data“属性的值有两种方法:第一种是通过JavaScript的传统getAttribute()方法，第二种是通过访问元素的"dataset”属性。

关于兼容性，请参考http://caniuse.com/#feat=dataset，它建议所有当前的浏览器都有部分支持，而大多数当前的浏览器都有完整的支持。其中“完全支持”表示可以通过"dataset“属性访问属性。

但重要的是

所有浏览器都已经可以使用

-*属性并使用getAttribute访问它们。

Answer 2

此属性的名称应该是什么？有没有我应该为这个属性使用的标准名称，或者我应该遵循的任何约定？

它应该是data属性

<td class="event-start" data-actual-start="unix-timestamp">

所有主流浏览器都支持data属性。而且jquery有自己的方法，可以轻松地操作数据属性。doc here...