那么，如果自定义HTML属性不是有效的XHTML怎么办？

Question

我知道这就是某些人不同意的原因，但这真的很重要吗？我认为，在与JavaScript交互以及从服务器存储信息以及向服务器发送信息时，它们提供的功能胜过了验证方面的考虑。我想念什么吗？“无效” HTML的后果是什么？而且自定义DTD是否也无法解决它们？

Answer 1

是的，您可以使用“数据”合法地添加自定义属性。

例如：

<div id="testDiv" data-myData="just testing"></div>

之后，只需使用最新版本的jquery即可执行以下操作：

alert($('#testDiv').data('myData'))

或设置数据属性：

$('#testDiv').data('myData', 'new custom data')

而且由于jQuery几乎可以在所有浏览器中使用，所以您应该不会有任何问题;）

更新

就JavaScript引擎而言，data-myData可能会在某些浏览器中转换为data-mydata。最好一直保持小写。

Answer 2

验证本身并不是目的，而是一种用于帮助及早发现错误并减少在多种浏览器类型上使用时网页可能面临的神秘渲染和行为问题的工具。

添加自定义属性现在不会影响这两个问题，将来也不会影响这两个问题，但是因为它们不进行验证，所以这意味着当您要评估页面验证的输出时，您需要仔细在重要的验证问题和不重要的验证问题之间进行选择。每次更改页面并重新验证时，都必须重复此操作。如果您的页面完全通过验证，那么您会收到一条绿色的PASS消息，您可以继续进行下一阶段的测试，或者进行下一个需要进行的更改。