<div myattr1="myvalue1" myattr2="myvalue2" >（破坏了验证）<div class="myattr1-myvalue2-myattr2-myvalue2">（需要解析和某种程度的转义）HTML5 引入了自定义数据属性的概念，任何人都可以创建这些属性，以便于附加自定义的隐藏数据到元素中，供脚本使用。只需使用 data- 前缀来创建一个属性，比如 data-myattr1 或 data-myattr2，然后将其填充为你的数据。
<div data-myattr1="myvalue1" data-myattr2="myvalue2">Content</div>
getAttribute来访问它们。而且它们允许在HTML5中使用，这意味着只要您愿意使用草案标准而不是已接受的标准（我认为data-属性并不特别具有争议性，因此如果它们被从标准中删除，我会感到惊讶），您的代码将验证通过。:的无效属性的东西，这就是IE将如何解析它们。这比使用class更好，因为将大量数据放入class属性会使它过载很多，并且需要进行额外的解析以提取不同的数据片段。这也比自己编写的内容更好（在当前浏览器中可以工作），因为这些前缀为data-的属性被定义为脚本的私有数据片段，因此您的HTML5代码将验证通过，并且永远不会与未来的标准冲突。text/javascript（或可以用于指定JavaScript的其他几种类型之一）以外的type属性的如果在标记中不必存储属性，一个很好的解决方案是使用jQuery的data函数：http://docs.jquery.com/Core/data。
一个可能的解决方案是使用一个类作为“元数据存储库”，其中包含按照元素的id获取/设置数据的方法，但这可能并不完全符合您的要求。
var metadataRepository = function(){
this.elements = [];
this.set = function(id,key,value){
this.elements[id][key] = value;
}
this.get = function(id,key){
if (typeof(this.elements[id]) == "undefined"){
return null;
}
if (key){
return (this.elements[id][key] != "undefined") ? this.elements[id][key] : null;
} else {
return this.elements[id];
}
}
}
var myMR = new metadataRepository();
myMR.set("myDiv1","attr1",232442);
myMR.set("myDiv2","attr1",{"id":23,"name":"testName"});
...
myMR.get("myDiv1","attr1"); //Returns only attr1
myMR.get("myDiv2"); //Returns all attributes
xmlns:myns="http://www.example.com/URI/to/myNamespaceDeclaration"
到达根节点，然后您可以拥有诸如节点之类的节点
<p myns:type="important">I'm a paragraph.</p>
任何在该根目录下的地方都可以。这实质上就是命名空间的整个目的，允许开发人员将任意数据作为整个模型的层添加。
编辑：
还有一个快速注意点，class 属性现在被microformats广泛用于元数据标记目的。您可能需要查看上面的链接，看看是否已经有人发明了您要想出的轮子：）
const div = document.createElement("div")
const metadata = new WeakMap()
metadata.set(div, "div metadata")
metadata.get(div) // "div metadata"