适用于现实世界的 HTML5 和 CSS3
以下是我们的书《HTML5 & CSS3 for the Real World, 2nd Edition》的摘录，该书由 Alexis Goldstein、Louis Lazaris 和 Estelle Weyl 撰写。副本在世界各地的商店出售，或者您可以在此处购买电子书形式。 尽管 HTML5 在内容标记方式方面发生了重大变化，但值得注意的是，这些变化不会导致旧版浏览器卡住，也不会导致布局问题或页面错误。 这意味着您可以采用任何包含有效 HTML4 或 XHTML 标记的旧项目，将文档类型更改为 HTML5（我们将在第 2 章中介绍），页面将像以前一样显示在浏览器中。 HTML5 中的更改和添加已在该语言中实现，以确保向后兼容旧版浏览器（甚至旧版 Internet Explorer）！当然，这并不能保证新功能一定会起作用，它只是意味着它们不会破坏您的页面或导致任何明显的问题。即使对于更复杂的新功能（例如 API），开发人员也提出了各种解决方案，为不支持的浏览器提供同等的体验，同时拥抱 HTML5 和 CSS3 提供的令人兴奋的新可能性。有时，这就像提供后备内容一样简单，例如向 象牙海岸 WhatsApp 号码列表 不支持本机视频的浏览器提供 Flash 视频播放器。但在其他时候，有必要使用脚本来模拟对新功能的支持。 这些“间隙填充”技术称为Polyfill。在构建高性能 Web 应用程序时，依靠脚本来模拟本机功能并不总是最好的方法，但随着我们不断发展以包含新的增强功能和功能（例如我们将在本书中讨论的内容），这是一种必要的成长痛苦。幸运的是，截至撰写本文时，Internet Explorer 6 到 9 等较旧的浏览器无法支持 HTML5 和 CSS3 中的许多新功能，目前只有不到 10% 的网络访问者使用它们。
https://manchestermassage.net/wp-content/uploads/2024/02/photo_2024-02-13_09-09-26.jpg
越来越多的人正在使用所谓的常青浏览器。即自动更新的浏览器。这意味着随着旧浏览器份额的减少，新功能将适用于更多受众，并最终适用于所有人。 Learn to Code with JavaScript 在本书中，我们有时可能会推荐后备选项或polyfills来填补浏览器不兼容的空白；我们还将尽力警告您与使用这些选项相关的潜在缺点和陷阱。 当然，值得注意的是，有时根本不需要后备或填充；例如，当使用 CSS3 在设计中的盒子上创建圆角时，使用非常旧的浏览器的用户看到方形盒子通常不会有什么坏处。该网站的功能没有退化，这些用户也不会意识到他们错过了什么。 随着我们学习课程并引入新主题，如果您计划在项目中使用其中之一，我们强烈建议您查阅浏览器支持参考，例如前面提到的“我可以使用吗……”这样，您就会知道如何使用以及是否提供后备或填充。
页:
[1]