解决方法
http://www.modernizr.com/是一个很好的库,用于检测客户端浏览器支持哪些功能。
至于HTML5本身,这个术语已经成为一个portmanteau的很多规格 – 新的标记,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>< canvas> ;)有可用的解决方法。