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

只要您的实际工作是在服务器端完成的，那么为什么还要在输出中的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>

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

你可以使用你自己的随机元素属性的data-前缀(<span data-randomname=" data goes here…"></span>)，但这只在HTML5中有效。因此，浏览器可能会抱怨有效性问题。

你也可以使用<span style="display: none;">数据在这里…跨度< / >标记。但是这样你就不能使用属性函数了，如果css和js被关闭了，这也不是一个很好的解决方案。

但我个人更喜欢的是:

<input type="hidden" title="Your key..." value="Your value..." />

输入将在所有情况下被隐藏，属性是完全有效的，如果它在<form>标记内，它将不会被发送，因为它没有任何名称，对吗? 最重要的是，属性真的很容易记住，代码看起来很漂亮，很容易理解。你甚至可以在里面放一个id属性，这样你也可以很容易地用JavaScript访问它，并通过input.title访问键值对;input.value。

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

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

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

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

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

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

储存:储存某物:

$('#myElId').data('nameYourData', { foo: 'bar' });

检索数据:

var myData = $('#myElId').data('nameYourData');

这就是jQuery的全部内容，但是请查看jQuery文档以获得更多信息/示例。