HTML(或者只是XHTML？)对于标签上的非标准属性，它是相对严格的.如果它们不是规范的一部分，那么您的代码将被视为不符合规范.
但是，非标准属性对于将元数据传递给Javascript非常有用.例如，如果假设链接显示弹出窗口，则可以在属性中设置弹出窗口的名称:
<a href="#null" class="popup" title="See the Popup!"
popup_title="Title for My Popup">click me</a>
或者，您可以将弹出窗口的标题存储在隐藏元素中，如范围:
<style>
.popup .title { display: none; }
</style>
<a href="#null" title="See the Popup!" class="popup">
click me
<span class="title">Title for My Popup</span>
</a>
然而，对于哪种方法应该是更好的方法，我却左右为难.第一种方法更简洁，我猜也不会对搜索引擎和屏幕阅读器造成太大影响.相反，第二种 Select 使存储大量数据变得更容易，因此更具通用性.它还符合标准.
我很好奇这个社区的 idea 是什么.你是怎么处理这种情况的？第一种方法的简单性是否超过了潜在的缺点(如果有)？