什麼是HTML中使用的數據屬性？而且，數據屬性的常見組合是什麼？

-2

這是我在查看網站源代碼時遇到的代碼的一部分。一個鏈接，其正確的描述也足夠了。某處我也看到數據信息作爲屬性。什麼是HTML中使用的數據屬性？而且，數據屬性的常見組合是什麼？

在這裏，在跨度標籤，數據-MSG時：

<li> 
    <span class="info" data-msg="sources.remittances.type" data-info="sources.remittances.info"></span>: 
    <a data-msg="sources.remittances.name" target="_blank" href="http://econ.worldbank.org/WBSITE/EXTERNAL/EXTDEC/EXTDECPROSPECTS/0,,contentMDK:22759429~pagePK:64165401~piPK:64165026~theSitePK:476883,00.html"></a> 
</li>

這是另外一個例子：

<section class="static"> 
    <div class="msg" data-msg="browser.not.supported"></div> 
</section>

來源

2013-08-27 varun singh

自定義數據屬性旨在私人定製數據存儲到頁面或應用，其中有沒有更合適的屬性或元素。

-W3c

Webdesign Tuts gives a pretty good write-up of data-。

當沒有設計用於存儲特定數據的其他元素或屬性時應該使用它。它不打算被最終用戶看到。而是允許更豐富的應用程序。

相同的鏈接（上面）給出了一個很好的例子：

<audio controls="controls"> 
    <source src="track1.mp3" type="audio/mpeg" data-duration="1min5secs" data-tempo="125bpm" data-artist="The Beatles" /> 
</audio>

你現在有此數據的應用程序訪問，而無需向服務器的額外調用。

對於允許自定義屬性的某些框架（查看您的Angular.js），在data-前加上所有屬性都允許驗證代碼，因爲我相信瀏覽器會忽略這些屬性。

來源

2013-08-27 05:32:48 EnigmaRM