it-swarm.cn

如何在不疏远大多数用户受众的情况下迁移到HTML5?

我真的很想实现HTML5标准的一些新功能,但我希望能够以不破坏我网站的方式实现它。

我知道渐进增强和检查useragent始终是一个选项。那里有更好的选择吗?

4
Evan Plaice

2可能的方法:

  • HTML5 Shims ,这些代码片段允许您使用HTML5功能但纠错支持
  • Modernizr ,这是一个在主体上应用CSS类的工具包,您可以将其用作检测单个功能和显示警告的一部分,或者如果这些类存在或不存在则禁用代码。

检测HTML 5特性 章节 潜入HTML 5 也是一个很好的参考。

1
artlung

确定您正在处理的浏览器类型的更准确方法是通过特征检测,而不是通过阅读useragent。

jQuery有.support() 这是一个很好的方法。

与任何功能一样,只需确保如果您想要实现某些优先考虑旧版浏览器降级的内容。

2
helloandre

除了这些响应之外,很多HTML5元素(如表单元素)也会优雅地降级为简单的文本框,因为如果浏览器无法识别type属性,则默认为text。此外,如果浏览器无法识别属性(如placeholder),则忽略它。这种优雅的降级意味着您可以实现这些元素,而不必担心如果用户的浏览器不支持HTML5则会出现问题。他们只是不会看到任何特别的东西。

1
Jason

Gmail是渐进增强的缩影,它从直接的html到所有的铃声和​​口哨都是如此。这就是为什么它拥有如此庞大的受众群体。所以这是一个很好的模仿模型。

我建议将html5功能降级为javascript为兼容浏览器打开的功能。这仍然意味着你要从html 4开始。

0
Kzqai