webfuns–趣味互联网

此文章属翻译作品，如果看的不通顺或者看不懂，请翻看原文！ 原文链接：HTML 5 data- Attributes 自定义数据属性是在HTML5中新加入的一个特性。对于规范来说，好像有点怪异–但他的确提供了一些便利。 简单来说，自定义数据属性规范规定任何以data-开头的属性都将被视为私有数据的存储区域（”私有”在这里的意思是最终用户无法看到他-他不会影响页面的布局和表现） 这允许你书写有效的HTML标记的同时，嵌入数据到你的网页中去。简单示例如下： <li class=”user”   data-name=”John Resig”  data-city=”Boston” data-lang=”js”  data-food=”Bacon“> <b>John says:</b> <span>Hello, how are you?</span> </li> 上面的代码完全符合HTML5的规范。对所有的javascript开发者来说这是一个很受欢迎的新特性。一直以来我们都在需求一种最好的用有效地方式添加元数据到htmL元素的方法，框架用各种不同的方式去解决这一问题。一下是两种解决方案： 1）使用HTML，但自定义DTD。 2）使用XHTML，与特定的命名空间。 The addition of this prefix completely routes around both issues (including any extra markup for validation or needing to be valid XHTML) with this effective addition. On top of this a simple JavaScript [...]