我们是一家小型的网络应用开发公司。我们正在计划升级到HTML5/CSS3，我们正在经历培训阶段（我们使用视频教程）。虽然HTML5/CSS3看起来很有前途，但似乎有很多跨浏览器兼容性问题以及许多新的API。在等待W3C的完整推荐期间，有没有什么模板可以立即使用？目前，是否有库/工具可用于确保跨浏览器支持？非常感谢帮助。：）
fnatzsnv1#
现在你最好的选择是关注浏览器能做什么。因此，关注不同供应商关于这个主题的浏览器开发博客。顺便说一下，HTML5主要是一组不相关的特性，从标记到新功能，如WebGL和客户端存储（WebSQL）。HTML5建立在以前的规范HTML标准之上，并阐明了许多特性。另一方面，CSS是CSS 1 + CSS 2 +CSS3的顶峰。上网，所有的信息都在那里！
nue99wik2#
这将是一段时间之前，html和css3将被支持，但在同一时间，如果你想得到一个领先的开始检查themeforest，他们有足够的html5和php模板，你可以开始黑客了。另一个伟大的工具是检查这个noupe后，他们列出了一些免费的html5/css3教程。
w1jd8yoj3#
让我们将跨浏览器兼容性分为两部分：新的HTML5元素/属性和HTML5 API。
要素：不支持新HTML5元素（如<section>）的浏览器，例如旧版本的IE，将只打印内容而忽略样式。您可以使用一点JavaScript技巧使元素在IE中具有样式：HTML5shim .属性：使用新的HTML5属性也完全没问题。不理解它们的浏览器会忽略它们。使用Modernizr，你可以检查HTML5 / CSS3特性是否可用，如果不可用，就用JavaScript提供一个后备。
<section>
为了支持新的HTML5 API，你可以使用polyfills来增加对缺失特性的支持。https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills顺便说一句：使用一些HTML5 API（如localStorage）作为渐进式增强是一个好主意。如果这只是一个增强用户体验的小功能，那么使用HTML5并让旧浏览器使用普通版本也是不错的。
localStorage
gdrx4gfi4#
jQuery是最流行的跨浏览器库。它将在支持HTML5的浏览器上使用HTML5特性，并在需要时优雅地回滚到其他特性。它经常更新，特性非常丰富。quirksmodehttp://www.quirksmode.org/compatibility.html是所有HTML/CSS/DOM特性的列表，以及哪些浏览器支持这些特性，支持程度如何。w3schoolshttp://www.w3schools.com/是了解特定HTML/CSS/DOM特性如何与代码示例一起工作的优秀资源。jsfiddlehttp://jsfiddle.net/是一个在线javascript/HTML/CSS编辑器。这是一个很好的方式来测试想法，然后再把它们放到代码中。这也是一个很好的方式来与他人分享代码样本。jsPerfhttp://jsperf.com/是一个在线代码速度检查器。如果你不确定用javascript做某事的最佳方法，你可以在这里运行示例。结果也是可以共享的。
cx6n0qe35#
你不需要“升级”到HTML5和CSS3。HTML5就是HTML，句号。因为这类标准需要很多年才能最终确定，所以你需要过渡到使用新元素和属性。这从来不是一个大规模的改变，有一天你会使用所有新工具，而很少考虑旧工具。库和模板是助手，但不是必需品。当你需要元素和属性时，就挑选它们。不要因为有了新东西就开始使用它们。
qfe3c7zg6#
Paul Irish和朋友们刚刚推出了**Move The Web Forward**：您热爱Web标准。您希望给予社区。想知道从哪里开始吗？我们随时为您提供帮助。...
学习
Web最美妙的地方之一就是它在不断变化。虽然这些变化和改进可能势不可挡，但我们在这里可以帮助你跟上潮流！这里有一些很棒的资源，可以引导你了解浏览器的工作原理，并帮助你了解浏览器的最新改进。...
6条答案
按热度按时间fnatzsnv1#
HTML5...从哪里开始？
现在你最好的选择是关注浏览器能做什么。因此，关注不同供应商关于这个主题的浏览器开发博客。
顺便说一下，HTML5主要是一组不相关的特性，从标记到新功能，如WebGL和客户端存储（WebSQL）。HTML5建立在以前的规范HTML标准之上，并阐明了许多特性。另一方面，CSS是CSS 1 + CSS 2 +CSS3的顶峰。
上网，所有的信息都在那里！
资源
库和模板
工具
相关StackOverflow问题与解答
我将继续尝试添加资源...
nue99wik2#
这将是一段时间之前，html和css3将被支持，但在同一时间，如果你想得到一个领先的开始检查themeforest，他们有足够的html5和php模板，你可以开始黑客了。另一个伟大的工具是检查这个noupe后，他们列出了一些免费的html5/css3教程。
w1jd8yoj3#
让我们将跨浏览器兼容性分为两部分：新的HTML5元素/属性和HTML5 API。
要素：不支持新HTML5元素（如
<section>）的浏览器，例如旧版本的IE，将只打印内容而忽略样式。您可以使用一点JavaScript技巧使元素在IE中具有样式：HTML5shim .属性：使用新的HTML5属性也完全没问题。不理解它们的浏览器会忽略它们。使用Modernizr，你可以检查HTML5 / CSS3特性是否可用，如果不可用，就用JavaScript提供一个后备。
为了支持新的HTML5 API，你可以使用polyfills来增加对缺失特性的支持。https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
顺便说一句：使用一些HTML5 API（如
localStorage）作为渐进式增强是一个好主意。如果这只是一个增强用户体验的小功能，那么使用HTML5并让旧浏览器使用普通版本也是不错的。gdrx4gfi4#
jQuery是最流行的跨浏览器库。它将在支持HTML5的浏览器上使用HTML5特性，并在需要时优雅地回滚到其他特性。它经常更新，特性非常丰富。
quirksmodehttp://www.quirksmode.org/compatibility.html是所有HTML/CSS/DOM特性的列表，以及哪些浏览器支持这些特性，支持程度如何。
w3schoolshttp://www.w3schools.com/是了解特定HTML/CSS/DOM特性如何与代码示例一起工作的优秀资源。
jsfiddlehttp://jsfiddle.net/是一个在线javascript/HTML/CSS编辑器。这是一个很好的方式来测试想法，然后再把它们放到代码中。这也是一个很好的方式来与他人分享代码样本。
jsPerfhttp://jsperf.com/是一个在线代码速度检查器。如果你不确定用javascript做某事的最佳方法，你可以在这里运行示例。结果也是可以共享的。
cx6n0qe35#
你不需要“升级”到HTML5和CSS3。HTML5就是HTML，句号。因为这类标准需要很多年才能最终确定，所以你需要过渡到使用新元素和属性。这从来不是一个大规模的改变，有一天你会使用所有新工具，而很少考虑旧工具。
库和模板是助手，但不是必需品。当你需要元素和属性时，就挑选它们。不要因为有了新东西就开始使用它们。
qfe3c7zg6#
Paul Irish和朋友们刚刚推出了**Move The Web Forward**：
您热爱Web标准。您希望给予社区。想知道从哪里开始吗？我们随时为您提供帮助。
...
学习
Web最美妙的地方之一就是它在不断变化。虽然这些变化和改进可能势不可挡，但我们在这里可以帮助你跟上潮流！这里有一些很棒的资源，可以引导你了解浏览器的工作原理，并帮助你了解浏览器的最新改进。
...