替代定製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?