在标记中嵌入脚本所需数据的方法

什么方法可以用来在HTML标记中嵌入额外的元数据,而客户端javascript需要这些数据。

我的意思的一些简单例子:

• 一个联系人列表,单击该列表可显示其在地图中的位置。ie:如何将lat/long与每个联系人关联。
• 一组图像,点击后弹出一个可拖动的橡皮筋,用于选择裁剪矩形。ie:如何将剪切矩形与每个图像相关联。

到目前为止,我看到的方法是:

2. 使用rel属性存储然后由脚本解析的字符串。

还有什么其他方法?每种方法的优缺点是什么?

另一种方法是:有没有一种简单的方法来预填充 .data 直接来自标记的jQuery对象的属性。