使用HTML5还为时过早

时间:2010-06-28 19:40:39

标签: html5 cross-browser

我想知道将HTML5用于生产网站是否为时尚早。我应该等待6-12个月,直到用户更新到兼容的html5浏览器? 这导致我,浏览器支持HTML5多远了?

9 个答案:

答案 0 :(得分:9)

如果每个人都等待其他人开始使用,那么任何人都不会使用它。

为什么不帮助引路?只需坚持浏览器支持的功能,并帮助您的用户了解如何更新浏览器。

答案 1 :(得分:6)

http://caniuse.com/非常了解哪些功能可用,哪些浏览器以及有关可用Javascript / Flash解决方法的信息。

http://www.modernizr.com/是一个很好的库,可以检测客户端浏览器支持哪些功能。

至于HTML5本身,这个术语已经成为很多规范的一部分 - 新标记,CSS3,画布......

你必须问自己正确的问题:

  • 你是谁为这个网站制作的?
    • 您的客户想要什么样的IE6支持?特别是,您是否可以在“非IE6浏览器”上创建一个具有更多功能的网站,而代价是几乎没有开发时间?
  • 您想使用哪些功能?
    • 某些功能带来了语义糖,但实际上并不值得麻烦 - 即使是“支持”。 (<article><date> ...)
    • 某些功能带来(大部分)令人眼花缭乱,但缺乏支持通常不会破坏您的网站。 (CSS3角落,HTML5表格)
    • 某些功能可以成为您网站的基石(<canvas><video>),特别是如果您希望从智能手机访问您的网站。 (即使Android获得Flash,我怀疑很多用户如果不是为了节省电池寿命就不会激活它)
  • 您可以负担得起哪些功能?
    • 某些功能非常优雅地降级 - 也就是说,当浏览器不提供支持时,您没有任何工作要做,而且不支持浏览器的人甚至不会注意到某些内容丢失了(HTML5表单)
    • 对于不支持的浏览器(主要是IE),大多数有用的功能都有相对广泛的解决方法,通常用Javascript或Flash实现。 (HTML5样式标记,CSS3角落,<video><canvas>) - 但它会以网站性能和设计时间为代价。

简短的回答:作为一个业余爱好者的网页设计师(所以不要把这个建议视为一个勉强知情的意见),我认为这不是太早 - 如果你的网站需要在iPhone上可以访问iPad,某些功能需要HTML5。如果您的网站需要可以从IE6上的人那里访问,那么可用的HTML5功能集当然非常有限(Heck IE6几乎不支持CSS2.1) - 但最重要的位(<video>,{{ 1}})有可用的解决方法。

答案 2 :(得分:5)

  

我想知道将HTML5用于生产网站是否为时过早。

可能。

  

我应该等待6-12个月,直到用户更新到兼容的html5浏览器?

你的意思是6到12年,我想?

  

这让我知道,浏览器支持HTML5的时间有多远?

有些浏览器支持HTML 5比较长,所以任何人都说HTML 5(这些功能现在正在标准化)。

HTML 5的某些部分在市场上看不到支持。

不要只是“使用HTML 5”。看看HTML 5的哪些部分对您有用。看看它们对它们的支持是什么,以及对于不支持它的浏览器它会如何降级。看看在成熟的QA工具(如DTD验证器)中使用这些功能是否值得花费。

答案 3 :(得分:4)

取决于您的目标市场以及您计划使用的HTML5的哪个子集。

例如,Internet Explorer上的HTML5语义标记有变通方法。您还可以将HTML5视频与Flash后备(两全其美)结合使用。内联SVG和Canvas等功能没有(非插件)后备,因此无法在阵营的IE端工作。

CSS3是另一个问题,可以使用条件包含和每个浏览器样式表进行部分缓解(但是,即使没有CSS3,你也需要这样)。

我建议您阅读DiveIntoHTML5 site.

答案 4 :(得分:3)

您必须首先回答的一个要点是: HTML5将为新用户带来什么?在回答时找到一个中间立场:

你能......

  • 以最兼容的格式提供“流量生成”内容?
  • 无缝显示给定浏览器的“最佳格式”(自适应CSS)?
  • 提供鼓励用户下载优质浏览器的预告片?
  • 以最佳格式为内容提供高级内容?

有时我们会为自己,网站管理员在网站中构建高级功能,并忘记用户可能甚至没有注意到我们的努力(例如每个人都跳过的愚蠢Flash动画)。

我同意我们都应该开始将用户推向新的标准(想象一下,如果我们都抵制IE并且所有网站都拒绝提供IE内容!),但这样做不会让自己陷入困境并拥有一个令人惊叹的网站你可以看到。

祝你好运。

答案 5 :(得分:2)

如果你等着,你会永远等待。写下html和css,这样它会优雅地降级,尽力而为,领先一步。

答案 6 :(得分:0)

答案 7 :(得分:0)

取决于您使用的HTML5功能。通常,只有Chrome和Safari(基于webkit的浏览器)支持大多数HTML5,其他浏览器(包括IE8和Firefox)都不支持各种功能。见http://www.scriptol.com/xml/html-5-browsers.php

答案 8 :(得分:0)

这真是一个折腾。 Safari和Chrome支持提议的HTML5中相当大的一部分。 Firefox会以合理的支持率进入他们之后。但IE8几乎不提供任何HTML5支持。有一些JS黑客能够实现一些元素,但它远非一个坚实的解决方案。只要知道你正在进入什么。看看this overview on Wikipedia

但是,要在IE中获得对HTML5的支持,您可以查看Remy Sharp's HTML5shiv

但是,您现在可以在大多数浏览器支持的项目中实现大量HTML5元素,请查看来自nettuts“HTML5 Features you Should be Using Right Now”< / p>