替代定制attrbutes的标签为存储在HTML中的一些信息4

Question

一些身体能告诉我任何替代在HTML 4存储一些信息对于特定的标签，例如，如果我有一个下拉像

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

这里regionId是一个自定义属性，我可以访问该属性，但W3C HTML验证失败。对此有何建议？

Answer 1

您可以使用javascript和JSon。它被广泛使用，并且有很多支持多种语言的支持库来生成JSon。

Answer 2

你可以使用像jQuery一样的JavaScript库。它允许你设置一些数据到你想要的任何目标。在您的示例中，您可以使用$('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/

Answer 3

为什么不使用正常的id属性？

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

要拥有有效的HTML，您不能使用您自己的custon属性。但使用OPTION，您可以使用此类信息的ID，类或标题，并且ID最符合您的需求。

编辑：作为一个ID不能只包含一个数字，我追加了“region_”，你可以在你访问属性的代码中删除它。

Answer 4

使用HTML和data-*属性。见Can I just make up attributes on my HTML tags?