(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決HTML標(biāo)簽上的非標(biāo)準(zhǔn)屬性好東西嗎 壞事？你的想法？？

我是提議的HTML5解決方案（帶data-前綴的屬性）的忠實擁護(hù)者。編輯：我想補(bǔ)充一點，也許有更好的例子來使用自定義屬性。例如，自定義應(yīng)用程序?qū)⑹褂玫臄?shù)據(jù)在標(biāo)準(zhǔn)屬性中沒有類似物（例如，基于不一定以className或id表示的內(nèi)容對事件處理程序進(jìn)行自定義）。

解決方法

當(dāng)涉及到標(biāo)簽上的非標(biāo)準(zhǔn)屬性時，HTML（也許只是XHTML？）相對嚴(yán)格。如果它們不是規(guī)范的一部分，那么您的代碼將被視為不符合規(guī)范。

但是，非標(biāo)準(zhǔn)屬性對于將元數(shù)據(jù)傳遞到Javascript可能非常有用。例如，如果假設(shè)鏈接顯示彈出窗口，則可以在屬性中設(shè)置彈出窗口的名稱：

<a href='http://m.b3g6.com/wenda/21890.html#null' popup_title='Title for My Popup'>click me</a>

或者，您可以將彈出窗口的標(biāo)題存儲在一個隱藏元素中，例如跨度：

<style> .popup .title { display: none; }</style><a href='http://m.b3g6.com/wenda/21890.html#null' class='popup'> click me <span class='title'>Title for My Popup</span></a>

但是，我對于應(yīng)該采用哪種方法感到不滿意。第一種方法更簡潔，我猜想，它不會像搜索引擎和屏幕閱讀器那樣費勁。相反，第二種選擇使存儲大量數(shù)據(jù)更加容易，因此用途更廣。它也符合標(biāo)準(zhǔn)。

我很好奇這些社區(qū)的想法。您如何處理這種情況？第一種方法的簡單性是否大于潛在的缺點（如果有的話）？