我可以在HTML5和CSS3中自由使用什么?我应该避免哪些功能?

时间:2011-11-28 19:35:05

标签: html css html5 css3

在不考虑IE6和类似问题的情况下,我可以在HTML5和CSS3中使用哪些功能?我应该避免哪些功能?

7 个答案:

答案 0 :(得分:4)

  

在不考虑IE6和类似问题的情况下,我可以在HTML5和CSS3中使用哪些功能?

定义“太多”。 HTML 4和CSS 1中的任何内容都可以实现非常安全的基线......

更实际的说明caniuse会告诉您何时添加了对特定功能的支持。然后,您需要确定它是否会干净地降级。

那就是说,不要去寻找HTML 5 / CSS 3 / etc功能来使用。如果您遇到问题,请寻找解决方案。不要寻找解决方案,然后尝试用它来解决问题。

答案 1 :(得分:2)

当您考虑使用某个特定功能时,

http://www.caniuse.com/是一个很好的资源 - 但确定浏览器兼容性。

此外,许多HTML5 / CSS3功能还有其他链接,可以使用我可以使用的更多信息。

答案 2 :(得分:1)

Paul Irish有一个很棒的评论HTML5 Boilerplate

来自“为什么它很棒”:

  

跨浏览器兼容(IE6,是的,我们得到了。)HTML5准备就绪。使用   新标签肯定。

答案 3 :(得分:1)

在IE6中打开此网站,找出:http://html5test.com/

(我没有安装IE6所以我无法为你检查它)

您还可以查看:HTML5 Cross Browser Polyfills

答案 4 :(得分:0)

我想你必须避免很多事情: - )

我首先避免: - 拖放API, - 文件API

答案 5 :(得分:0)

Quirksmode一直很好。 我认为你应该在你的问题中更具体一点 - 我不担心IE的兼容性所以我会说使用它们全部。但是我知道所有人都不同意这个观点,所以我认为一个更好的答案是使用它们直到你遇到明显与你的目标浏览器兼容的那个/ os

一旦你开始看到问题,那么就要纠正它们。

我将再一次说 - 将一个支持的浏览器/操作系统的特定列表放在一起,你会好得多(提示 - 不支持&lt; IE9,如果你想使用这些功能的大部分)< / p>

答案 6 :(得分:0)

HTML5 doctype(<!doctype html>)在IE 6中运行得很好(就像它将IE 6放入standards mode中一样)。

除此之外,我认为IE 6中支持HTML5或CSS3(除了@font-face之外)没什么新东西,所以你必须至少决定IE 6中的体验是否足够好。虽然有用,但新功能通常在IE 6中没有任何负面影响。

例如,像<input>这样的新<input type="date">类型将在IE 6中呈现<input type="text">。因此,您必须确定是否只需要简单的文本输入IE 6用户,或者您是否需要使用JavaScript提供日期选择功能。

这几乎是所有HTML5 / CSS3功能的问题 - 旧浏览器的用户可以不使用它们,还是需要添加替代实现?

主要例外是HTML5中的新标记 - Internet Explorer 6 won’t let you style tags that it doesn’t know about, unless you create an instance of that tag using JavaScript。 (HTML 4标记<abbr>也是如此,因为IE由于某种原因也不知道。)