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

我是提議的HTML5解決方案（帶data-前綴的屬性）的忠實擁護者。編輯：我想補充一點，也許有更好的例子來使用自定義屬性。例如，自定義應用程序將使用的數據在標準屬性中沒有類似物（例如，基于不一定以className或id表示的內容對事件處理程序進行自定義）。

解決方法

當涉及到標簽上的非標準屬性時，HTML（也許只是XHTML？）相對嚴格。如果它們不是規范的一部分，那么您的代碼將被視為不符合規范。

但是，非標準屬性對于將元數據傳遞到Javascript可能非常有用。例如，如果假設鏈接顯示彈出窗口，則可以在屬性中設置彈出窗口的名稱：

<a href='http://www.lshqa.cn/wenda/21890.html#null' popup_title='Title for My Popup'>click me</a>

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

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

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

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