自定义数据属性:http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data
当我说"工作"时,我的意思是,如果我有这样的HTML:
<div id="geoff" data-geoff="geoff de geoff">
Run Code Online (Sandbox Code Playgroud)
将以下JavaScript:
var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);
Run Code Online (Sandbox Code Playgroud)
在IE 6中产生一个带有"geoff de geoff"的警报?
javascript html5 internet-explorer internet-explorer-6 custom-data-attribute
可以轻松使用标准图标集中的一个图标:
$("#myButton").button({icons: {primary: "ui-icon-locked"}});
Run Code Online (Sandbox Code Playgroud)
但是,如果我想添加一个不属于框架图标集的我自己的图标呢?
我认为这就像给自己的CSS类和背景图像一样容易,但这不起作用:
.fw-button-edit {
background-image: url(edit.png);
}
Run Code Online (Sandbox Code Playgroud)
有什么建议?
我刚开始考虑将HTML 5 api用于Rails/JQuery项目,因此我可以使用这个出色的data-属性来存储值.
我担心浏览器兼容性问题.我有两个问题(基本问题):
为了使用HTML 5,人们是否需要升级他们的浏览器?这是如何运作的?
是否有每个浏览器布局引擎支持哪些功能的最新图表,比维基百科有关比较HTML布局引擎的文章更新,这个什么时候可以使用... HTML 5页面?
例如,使用IE6的人会遇到问题吗?很多非计算机saavy的人我曾经和他们谈过想要上网的人,而他们说话的人仍在使用IE6!
如果这不是问题,并且您可以在旧浏览器上使用HTML 5,那么您如何?或者我应该看看哪些文档:)?谢谢.
更新:我将发布一些有趣的链接,因为我在下面找到它们.
FindMeByIP:"一个简单的应用程序,使用Modernizr以易于阅读的格式显示您的浏览器对CSS3和HTML5功能的支持." - CSS3和HTML5的浏览器支持