HTML5＆CSS3现实世界，第二版

钥匙要点

• > HTML5和CSS3旨在确保与较旧浏览器的向后兼容，这意味着对标记的更改不会导致布局问题或错误。即使较旧的浏览器不完全支持新功能，它们也不会打破页面或引起明显的问题。 HTML5和CSS3在许多移动网络浏览器中得到了很好的支持，使其非常适合快速增长的移动市场。 HTML5和CSS3中引入的一些新技术，例如离线网络应用程序和Web存储，专门设计了移动设备的设计。
> HTML5和CSS3允许创建功能强大，易于维护的，防止未来的网页。随着较旧的浏览器不使用，开发人员只需要删除任何后备和多填充物，而将代码库瞄准了现代浏览器。
• >以下是我们的书《现实世界的HTML5＆CSS3》中的摘录，第二版，由Alexis Goldstein，Louis Lazaris和Estelle Weyl撰写。副本在全球范围内出售，或者您可以在此处以电子书形式购买。

> HTML5对内容的标记方式产生了重大变化，但值得注意的是，这些更改不会导致较旧的浏览器扼杀，也不会导致布局问题或页面错误。 这意味着您可以采用任何包含有效HTML4或XHTML标记的旧项目，将Doctype更改为HTML5（我们将在第2章中介绍），并且该页面将在浏览器中显示与其相同前。 HTML5中的更改和添加已被实施到该语言中，以确保与较旧的浏览器（甚至较旧版本的Internet Explorer）向后兼容！当然，这不能保证新功能会起作用，这只是意味着它们不会打破您的页面或引起任何明显的问题。 即使在更复杂的新功能（例如API）方面，开发人员也提出了各种解决方案，以提供与非支持浏览器的同等体验，同时也拥抱HTML5和CSS3提供的令人兴奋的新可能性。有时，这与提供后备内容一样简单，例如在没有本机视频支持的情况下浏览闪光视频播放器。但是，在其他时候，有必要使用脚本来模仿新功能的支持。这些“填充”技术被称为多填充技术。在构建高性能的Web应用程序时，依靠脚本模仿本地功能并不总是最好的方法，但是随着我们发展以包括新的增强和功能，这是一种必要的痛苦，例如我们将在本书中讨论的痛苦。幸运的是，在撰写本文时，如今，不到10％的网络访问者使用了较早的浏览器，例如Internet Explorer 6至9，这些浏览器无法支持HTML5和CSS3中的许多新功能。越来越多的人正在使用所谓的常绿浏览器；也就是说，浏览器会自动更新。这意味着新功能将对更大的受众群体起作用，并最终对所有人都起作用，因为较旧的浏览器分享了下降。

>在本书中，我们有时可能会推荐后备选项或polyfills来填充浏览器不兼容的空白；我们还将尽力警告您与使用这些选项相关的潜在缺点和陷阱。

当然，值得注意的是，有时根本不需要后备或多填充。例如，当使用CSS3在设计中的框上创建圆角时，实际上旧浏览器的用户通常不会看到方形盒子。网站的功能没有降解，这些用户对所缺少的东西不太明智。

>当我们在课程中进行介绍并介绍新主题时，如果您打算在项目中使用其中一个，我们强烈建议您咨询浏览器支持参考，例如上述，我可以使用……知道如何以及是否提供后备还是多填充。在必要时，我们偶尔会讨论您可以确保非支持浏览器具有可接受的经验的方式，但是好消息是随着时间的流逝，它变得越来越越来越越来越少。

不断增长的移动市场

>今天开始学习和使用HTML5和CSS3的另一个令人信服的理由是爆炸的移动市场。根据一个消息来源，2009年，所有网络使用情况的不到1％是在移动设备和平板电脑上。到2014年中期，这个数字已上升到35％以上！这是五年多的惊人增长率。那么，这对学习HTML5和CSS3的人意味着什么？ 在许多移动Web浏览器中，实际上，我们将在本书中介绍的一些新技术是专门针对移动设备设计的。由于越来越多的人使用移动设备访问网页，因此设计了诸如离线Web应用程序和Web存储之类的技术。此类设备通常可以使用在线数据使用情况下限制，从而从脱机访问Web应用程序的能力中受益匪浅。

>我们将在第11章中介绍这些主题，以及在本书的整个过程中，提供了为各种设备和平台创建网页所需的工具。>

到真实的东西

>不切实际，迈向新技术，并希望只为一个级别的浏览器撰写页面和应用程序。在现实世界中，在一个希望HTML5和CSS3进一步侵害的世界中，我们需要准备开发各种景观的页面。该景观包括现代浏览器，任何剩余的旧版本的互联网浏览器以及移动设备的爆炸市场。

是的，在某些方面，为不同的用户代理提供了一套不同的说明，类似于Web的早期，其杂乱的浏览器嗅探和代码分叉。但是这次，新的代码更具未来的范围：当较旧的浏览器掉入一般用途时，您需要做的就是删除任何后备和多填充物，仅留下针对现代浏览器的代码库。

>

> HTML5和CSS3是领先的技术，它迎来了一个更令人兴奋的网页创作世界。由于所有现代浏览器都为许多HTML5和CSS3功能提供了极好的支持，因此创建强大而易于维护的未来的网页比以往任何时候都更容易。

>

>因此，关于“为什么”的足够，让我们开始挖掘“如何”！

>

经常询问有关HTML5和CSS3

的问题

HTML5和CSS3？

HTML5和CSS3之间的关键区别是什么，都是网络开发的必不可少的工具，但它们具有不同的目的。 HTML5是一种标记语言，用于在网络上构建和呈现内容。它介绍了反映现代网站上典型用法的新元素和属性。另一方面，CSS3是一种样式表语言，用于描述用HTML编写的文档的外观和格式。它介绍了新功能，例如圆角，阴影，渐变，过渡，动画等。

>

>我如何开始学习html5和css3？

HTML5和CSS3。 Codecademy，Udemy和Khan Academy等网站提供互动课程。您也可以参考在线文档和教程。练习是掌握这些语言的关键，因此请尝试构建自己的网站或改进现有语言。

使用HTML5和CSS3？

html5和CSS3有几个好处。它们可以进行更清洁，更有效的编码，提高性能和更好的可访问性。他们还提供了更高级的功能和更大的灵活性设计和自定义网站。此外，它们得到了所有现代浏览器的支持。

>我可以将HTML5和CSS3用于移动Web开发吗？

是的，HTML5和CSS3是移动Web开发的绝佳工具。它们提供了诸如视口元标签之类的功能，该功能允许控制视口的大小和尺度以及媒体查询，从而允许内容渲染以适应诸如屏幕分辨率之类的条件。他们还支持触摸事件，这些事件对于移动接口至关重要。

>在使用HTML5和CSS3和CSS3？

>时，有些共同的挑战是什么，有些共同的挑战包括浏览器兼容性问题，因为并非所有浏览器都支持所有浏览器，所有HTML5和CSS3功能。同样，由于这些仍在不断发展的技术，因此跟上最新更改可能具有挑战性。此外，实现所需的布局和设计有时会很复杂且耗时。

如何确保我的HTML5和CSS3代码有效且无错误？就像W3C标记验证服务一样，检查您的HTML5代码以及CSS3代码的CSS验证服务。这些工具将在您的代码中确定任何错误或问题。

>编写HTML5和CSS3代码的一些最佳实践是什么？

>

一些最佳实践包括使用HTML5中的语义元素以提高可访问性和SEO ，保持CSS3代码干燥（不要重复自己），并以使其易于阅读和维护的方式组织代码。另外，请始终确保您的代码有效且无错误。

>我可以将HTML5和CSS3与其他编程语言一起使用？

是的，是，HTML5和CSS3可以与其他编程语言结合使用像JavaScript，PHP和Ruby一样。它们用于构造和样式内容，而其他语言处理网站的功能和行为。

>我如何使用HTML5和CSS3？

以上是HTML5＆CSS3现实世界，第二版的详细内容。更多信息请关注PHP中文网其他相关文章！