只要您的实际工作是在服务器端完成的，那么为什么还要在输出中的html标记中使用自定义信息呢?在服务器上，你所需要知道的只是一个索引，不管它是什么类型的结构列表，都包含你的自定义信息。我觉得你把信息存错地方了。

我承认，不管多么不幸，在很多情况下，正确的解决方案并不是正确的解决方案。在这种情况下，我强烈建议生成一些javascript来保存额外的信息。

许多年后:

这个问题是在数据公布大约三年前提出的……随着html 5的出现，属性成为了一个有效的选项，所以事实已经发生了变化，我最初给出的答案不再相关。现在我建议改用数据属性。

<a data-articleId="5" href="link/for/non-js-users.html">

<script>
    let anchors = document.getElementsByTagName('a');
    for (let anchor of anchors) {
        let articleId = anchor.dataset.articleId;
    }
</script>

一个几乎适用于所有可能的浏览器的黑客是使用这样的开放类:< A class='data\_articleid\_5' href="link/for/non-js-users.html>;

对于纯粹主义者来说，这并不是那么优雅，但它得到了普遍支持，符合标准，并且非常容易操作。这似乎是最好的方法了。如果你序列化，修改，复制你的标签，或者做其他任何事情，数据将保持附加，复制等。

唯一的问题是您不能以这种方式存储不可序列化的对象，如果您在那里放置非常大的对象，可能会有限制。

第二种方法是使用伪属性，例如:< A articleid='5' href="link/for/non-js-users.html">

这更优雅，但不符合标准，而且我不能100%确定是否支持。许多浏览器完全支持它，我认为IE6支持JS访问，但不支持CSS选择器(在这里这并不重要)，可能有些浏览器会完全混淆，你需要检查一下。

做一些有趣的事情，比如序列化和反序列化，会更加危险。

使用id到纯JS散列通常是可行的，除非你试图复制你的标记。如果你有tag <a href="…" id="link0">，通过标准的JS方法复制它，然后尝试修改附加到一个副本的数据，另一个副本也会被修改。

如果不复制标记或使用只读数据，这不是问题。如果你复制标签，它们被修改了，你需要手动处理。

我提倡使用“rel”属性。XHTML进行验证，很少使用属性本身，并且可以有效地检索数据。

我知道您目前正在使用jQuery，但是如果您内联定义onclick处理程序呢?然后你可以这样做:

 <a href='/link/for/non-js-users.htm' onclick='loadContent(5);return false;'>
     Article 5</a>

你使用的是哪个版本的HTML ?

在HTML 5中，使用data-作为前缀的自定义属性是完全有效的。

<div data-internalid="1337"></div>

在XHTML中，这实际上是无效的。如果您使用的是XHTML 1.1模式，浏览器可能会报错，但在1.0模式下，大多数浏览器会默默地忽略它。

如果我是你，我会遵循基于脚本的方法。您可以让它在服务器端自动生成，这样维护起来就不那么麻烦了。

这是个好建议。感谢@Prestaul

如果你已经在使用jQuery，那么你应该利用“数据” 方法，该方法是在对象上存储任意数据的推荐方法 dom元素。

非常正确，但是如果您想在普通的HTML中存储任意数据呢?还有另一种选择……

<input type="hidden" name="whatever" value="foobar"/>

将数据放在隐藏输入元素的name和value属性中。如果服务器正在生成HTML(即PHP脚本或其他东西)，而您的JavaScript代码稍后将使用此信息，那么这可能是有用的。

不可否认，它不是最干净的，但它是一种选择。它与所有设备都兼容 浏览器，是有效的XHTML。你不应该使用自定义属性，也不应该使用带有“data-”前缀的属性，因为它可能不适用于所有浏览器。此外，您的文档将无法通过W3C验证。