HTML标准和偏离的浏览器

Question

这是一个开发Web应用程序的人肯定知道的故事 - 您创建一个在您选择的浏览器中编码良好且优雅的网站 - 直到您在不同的浏览器中运行它，这在很多时候都需要黑客攻击和砍伐以创建一个有效的网站。

我希望查询开发人员使用的技术，以确保他们的代码第一次在多种Web浏览器中运行良好，所有方面都相关 - 例如：xhtml，html5，javascript，css等。

作为旁注，开发人员对IE进展做了什么 - 世界上大多数人仍然使用IE7，而IE9只包括新的CSS和HTML标准，您认为标准实践将花多长时间（如果有的话）实现？

我对你的回答很感兴趣，因为我对跨浏览器兼容问题的想法感到畏缩。

Answer 1

我的建议：使用体面的CSS重置或框架。好的CSS框架是：960，Blueprint，YAML和YUI网格。

对于你的javascript，你应该使用像JQuery，mootools或Dojo这样的库。您仍然会有一些浏览器不兼容，但使用这些工具中的任何一个都应修复其中的90％。

祝你好运！ （ps：我使用Mootools和Blueprint）

Answer 2

如果你真的想与IE6人群一起玩，请试试这个：http://ie6update.com/

除了对箱子模型战术，一个伟大的框架以及quirksmode.org有深刻理解之外，你应该没有理由不必做一堆异国情调的黑客来让你的网站工作。针对当今可行的标准进行智能设计，并为演示站点节省前沿技术。高价值的企业网站不具备异国情调，需要良好和可靠。否则，愿意设计并行站点，以便那些拒绝更新的人至少可以通过。最重要的是，坚持标准......一些W3错误太多了。

了解您的受众群体。我不能告诉你有多少设计师为老人群做黑暗和小字体的黑暗。同样地，使用异国情调的javascript或更糟糕的闪光，这是不合适的。征求别人的反馈......实际上，即使我们“得到”这个游戏，我们也只是真正了解自己的偏好。

练习渐进增强。例如，Jquery UI将圆角，但优雅地降级为IE（后面）人群的正方形。考虑使用HTML 4.01严格而不是XHTML，因为它在语法上更接近未来HTML5。 （无论如何，XHTML不再被提升）

最后，测试您在多个浏览器或Adobe浏览器实验室等工具中所做的一切。关闭Javascript和CSS ...结果可以接受吗？没有闪存运行...您的网站是否有效？它在移动浏览器上看起来如何？

有时候玩这个游戏并不是一个有趣的游戏，但它是让我们成为专业人士的原因。祝你好运！

Answer 3

我正在为所有主流浏览器开发（IE 6 +，Firefox 3 +，当前Safari，Chrome，Opera 9.5+）。我保持代码清洁和消除极端黑客攻击会话的主要建议如下：在所有浏览器中同时测试您的页面。修复多个小问题要比在一次修复中修复完整页面容易得多。以这种方式工作时，样式问题很容易解决。 JavaScript更具挑战性，但在这样工作时仍然容易得多。 jQuery经常帮助解决这类问题。我在这里和那里都包括了新标准，但我确信，优雅的降级会发生。符合标准的浏览器获得完整体验。年纪较大的人在提供工作页面的同时获得较少的视觉效果。

Answer 4

1. 了解标准。
2. 根据标准编写代码。
3. 在流行的浏览器中测试代码，看看它在哪里中断。

“标准”是HTML，CSS，JavaScript和DOM。 jQuery为解决浏览器之间的JavaScript和DOM不一致做了很多工作，在我看来，它是DOM的一个更好的接口。

“热门浏览器”在撰写本文时是IE 6-8，Firefox 3以及最新版本的Safari，Chrome和Opera。 Safari和Chrome几乎没有任何区别，因为它们使用相同的渲染引擎，Safari，Chrome，Opera和Firefox几乎没有差异，因为它们都与标准有关。

  

我对跨浏览器兼容问题的想法感到畏缩。

他们真的没那么糟糕。 （当你忽略IE时。当你遇到它们时，它的问题至少是合理的。）

Answer 5

我认为从一组好的默认值开始并遵循最佳实践非常重要，使用偏离的浏览器并不是一件容易的事。我在http://html5boilerplate.com工作，所以我们有一个链接列表（以及实际的样板文件），这使得Web开发人员的工作变得更加容易。