HTML標簽上的非標準屬性。好東西嗎 壞事?你的想法?
我是提議的HTML5解決方案(帶data-前綴的屬性)的忠實擁護者。編輯:我想補充一點,也許有更好的例子來使用自定義屬性。例如,自定義應用程序將使用的數據在標準屬性中沒有類似物(例如,基于不一定以className或id表示的內容對事件處理程序進行自定義)。
解決方法當涉及到標簽上的非標準屬性時,HTML(也許只是XHTML?)相對嚴格。如果它們不是規范的一部分,那么您的代碼將被視為不符合規范。
但是,非標準屬性對于將元數據傳遞到Javascript可能非常有用。例如,如果假設鏈接顯示彈出窗口,則可以在屬性中設置彈出窗口的名稱:
<a href='http://m.baoyu77737.com/wenda/20712.html#null' popup_title='Title for My Popup'>click me</a>
或者,您可以將彈出窗口的標題存儲在一個隱藏元素中,例如跨度:
<style> .popup .title { display: none; }</style><a href='http://m.baoyu77737.com/wenda/20712.html#null' class='popup'> click me <span class='title'>Title for My Popup</span></a>
但是,我對于應該采用哪種方法感到不滿意。第一種方法更簡潔,我猜想,它不會像搜索引擎和屏幕閱讀器那樣費勁。相反,第二種選擇使存儲大量數據更加容易,因此用途更廣。它也符合標準。
我很好奇這些社區的想法。您如何處理這種情況?第一種方法的簡單性是否大于潛在的缺點(如果有的話)?
相關文章:
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. css3 - 圖片等比例縮放3. html - css3中多列高度 統一4. javascript - 使用angular 的ui-sref 中出現了中文參數,點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%45. css3 - 如何將網頁CSS背景圖高斯模糊且全屏顯示6. javascript - 一個賦值運算的問題7. css3 - animation屬性,safari瀏覽器不支持相關效果8. javascript - 求賜教:網易郵箱Web端模擬登錄看信的加密參數_ntes_nnid、_ntes_nuid9. css - jq有無現成函數改變rotateX/Y的deg10. javascript - QWebEngineView 如何爬 angular 的動態數據?
