标签的自定义attrutes替代方案存储在html 4中的一些信息

StackOverflow https://stackoverflow.com/questions/2832194

  •  26-09-2019
  •  | 
  •  

题

是否可以告诉我任何替代方案，以存储html 4中的特定标签的一些信息。例如

<select>
<option value="0" regionId="1">Test1</option>
<option value="1" regionId="2">Test2</option>
</select>

这里的区域ID是一个自定义属性，我能够访问该属性，但是W3C HTML验证失败。对此有什么建议吗？

有帮助吗？

解决方案

您可以使用JavaScript JSON. 。它被广泛使用，许多语言都有许多支持库来生产JSON。

其他提示

您可以使用jQuery之类的JavaScript库。它允许您将一些数据设置为所需的任何DOM发射。在您的示例中，您可以使用 $('select > option[value=0]').data('regionId', '1') 并通过使用 $('select > option[value=0]').data('regionId') 或者 $('select > option[value=0]').regionId. 。纯HTML的一种方法是找到您可以存储信息的任何有效属性，但是在大多数情况下，这将是一种不良习惯，因为您正在滥用该属性。在这里，您可以找到每个HTML标签的所有有效属性的列表：http://www.htmldog.com/reference/htmltags/

为什么不使用普通ID属性？

<select>
<option value="0" id="region_1">Test1</option>
<option value="1" id="region_2">Test2</option>
</select>

要拥有有效的HTML，您不能使用自己的Custon属性。但是，使用选项，您可以将ID，类或标题用于此类信息，并且ID最适合您的需求。

编辑: ：由于ID不得只包含一个数字，因此我附加了“ region_”，您可以在访问该属性的代码中删除。

使用HTML和 data-* 属性。看 我可以在我的HTML标签上弥补属性吗？

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top