《HTML5与CSS3实战指南》——1.6 在现实中,我们想做的是什么

1.6 在现实中,我们想做的是什么

在现实中,我们不会创建了一个网站后,然后去做另一个项目,而对前一个项目的工作置之不理。我们会创建Web应用程序,并对其进行更新、微调,对其潜在的性能问题进行测试,调整其设计、布局和内容。

换句话说,在现实中,我们都会再次访问我们所写的代码。所以我们编写代码时,会使用最可靠、易于维护并高效的方法,并便于以后访问代码对其进行必要的完善和修改。显然,这不仅对我们自己创建和维护的网站及Web应用程序十分重要,同样,也对为我们客户所创建和维护的网站及Web应用程序同等重要。

我们需要不断地探讨新方法和更好的方式编写我们的编码。HTML5和CSS3在此方面迈出了一大步。

1.6.1 多种浏览器的市场
尽管HTML5还在发展中,并在标记内容方式上呈现了巨大的变化,但是值得注意的是,这些变化并没有引起旧版浏览器不兼容,或版面问题及页面错误。

这就意味着您可以在您的项目中使用任何有效的HTML4或XHTML标记,将doctype更改为HTML5(将在第2章中介绍),并且网页仍旧有效并与之前的显示相同。在HTML5中新添加和改进的标记功能可以这种方式实施在编程语言中,以确保向后兼容老的浏览器(甚至是IE6)!

但那些仅是标记,那么其他的HTML5新功能、CSS3以及相关技术呢?根据一组数据表明1,大约47%的用户所用的浏览器版本不支持大部分新功能。

因此,开发人员便想出各种解决方案向那些采用HTML5和CSS3新功能的用户提供同等经验。有时,就像提供一个备选方案一样简单。例如,向没有本机视频支持的浏览器提供一个Flash视频播放器。在其他情况下,也有必要使用脚本模拟支持新功能。这些“间隙填充”技巧称为polyfills。在创建高性能Web应用程序时,依靠脚本模仿本机功能并不总是最好的方法,但为了力求发展使用这些新功能,有必要采用这种方法,尽管会增加一些痛苦。稍后我们会在本书中举例论证。

所以,我们向您推荐撤销选项及polyfill以解决浏览器的不兼容性。我们将尽力提醒您使用这些选项时存在的潜在弊端和隐患。

当然,有时候也根本不需要撤销选项及polyfill。例如,当我们使用CSS3在框中创建圆角时,在老的浏览器中会看到正方形框,但没有任何影响。网站的功能性并没有降级,那些用户也没有任何损失。

关于对浏览器的有限支持,您可能感觉有些气馁。不要这样!这里有个好消息,全世界超过40%的用户所使用的浏览器都对我们在本书中讨论的新内容提供支持。这种支持每一刻都在增长,新浏览器版本(比如Internet Explorer 9)继续添加对这些新功能和技术的支持。

我们在发展过程中不断吸取教训,因此我们将确切地通知您哪些地方还缺少支持,以便于您在使用HTML5和CSS3时,知道所创建的哪些内容可以呈现在读者面前。即使没有HTML5和CSS3的新功能,我们也将讨论一些方法,确保您在使用没有获得技术支持的浏览器时得到一些可行性方案。

1.6.2 不断发展的移动市场
如今开始学习并使用HTML5和CSS3的另一个原因是迅速发展的移动市场。

根据2009年的市场调研机构StatCounter的报告,仅有超过1%的用户在手机上使用Internet2。在不到两年的时间里,这个数字以4倍的速度增长,现已超过4%3。一些报告显示,根据不同的分析方法,这些数据值可能更高。无论如何,移动市场在以惊人的速度增长,这是一个不争的事实。

4%的使用率似乎看起来很小,公正地说,确实是这样。但是它的增长率是引人注目的—两年内增长400%。对于那些学习HTML5和CSS3的人来说,这意味着什么呢?

HTML5、CSS3以及相关的前沿技术在许多移动Web浏览器中得到了很好的支持。例如,iOS设备(比如iPhone和iPad)上的Safari、Opera Mini和Opera Mobile,以及Android操作系统的Web浏览器都对HTML5和CSS3提供了强大的支持。由这些浏览器所支持的新功能及技术包括CSS3的颜色和不透明度、画布API、Web存储、可缩放矢量图形、CSS3圆角和离线Web应用等。

实际上,我们在本书中将要介绍的一些新技术设计时已考虑了移动设备。已设计了离线Web应用和Web存储等技术,这在一定程度上是由于越来越多的人通过移动设备访问网页。此类设备对在线数据使用通常有一些限制,因此脱机访问Web应用程序会很有用处。

我们将在本书第10章介绍这些主题。当然,我们也将通过本书的其他章节向您介绍针对各种设备和平台创建网页所需的工具。

时间: 2024-09-19 09:25:08

《HTML5与CSS3实战指南》——1.6 在现实中,我们想做的是什么的相关文章

《HTML5与CSS3实战指南》——1.4 什么是CSS3

1.4 什么是CSS3 HTML5与CSS3实战指南创建网页的另一个独立的但并非不重要的一部分是层叠样式表(CSS).正如您所了解到的,CSS是一种样式语言,用来描述如何呈现或设置HTML标记样式.CSS3是CSS规范的最新版本.术语"CSS3"不仅是CSS新功能的参考文献,也是CSS规范发展进程的第三级1. CSS3包含CSS2.1(CSS规范的前一版本)的所有内容.它还添加了一些新功能来帮助开发人员解决一些问题,并不再需要非语义标记.复杂的脚本及其他图像.CSS3的新功能包括支持附

《HTML5与CSS3实战指南》——2.2 基本的HTML5模板

2.2 基本的HTML5模板 在您学习HTML5和新技术时,您可能想创建自己的蓝图或示例文件,并通过它们来构建基于HTML5的项目.实际上,您可能对已存在的XHTML或HTML4.0项目已经做了类似的事情.我们鼓励您这样做,当然您也可以考虑使用一些在线资源,从而为您提供一个HTML5的基本起点1. 在这个项目中,我们将从头开始,编写自己的代码,并对每一部分进行详细讲解.当然,即使是最好.最庞大的示例网站也不可能包含所有的新元素和技术.我们也会详细讲解一些未在我们所创建的示例网站中应用的新功能.这

《HTML5与CSS3实战指南》——2.3 HTML5常见问题

2.3 HTML5常见问题 在简要介绍了HTML5标记以后,您可能会有一些问题.以下是一些常见问题的答案. 2.3.1 为什么这些变更仍能够在旧版浏览器中工作 这是许多开发人员难于接受HTML5的地方.其实这根本不是问题,为了便于读者理解,我们会将HTML5和CSS3的一些新功能(后面章节将介绍)进行对比. 在CSS中,在添加新功能时(例如,border-radius属性将圆角添加到元素中),同时也需要将它添加到浏览器呈现引擎中,因此旧版浏览器无法识别它.所以,用户在使用不支持border-ra

《HTML5与CSS3实战指南》——第1章 HTML5和CSS3简介1.1 什么是HTML5

第1章 HTML5和CSS3简介 本章将简要回顾HTML5和CSS3的发展历程,并介绍HTML5和CSS3对于现代网站及Web应用程序的重要性,以及如何应用这些技术. 当然,如果您希望直接进入创建项目的实质部分,并开始学习如何使用HTML5和CSS3的新技术及功能,您可以先跳到第2章,稍后再回到本章. 1.1 什么是HTML5 我们今天所理解的HTML5,它具有一段相对动荡的历史.您可能已经了解到HTML是万维网上用于描述网页内容及数据的主要标记语言.HTML5是此标记语言的最新版本,它包括新功

《HTML5与CSS3实战指南》——1.7 实际应用

1.7 实际应用 推出新技术并希望此技术只为某一级别的浏览器提供编写网页和应用程序的服务,这显然是不现实的.在现实世界中,我们希望HTML5和CSS3取得进一步的发展,所以我们要使它们能够在各种平台上开发网页.这种平台包括现代浏览器.Internet Explorer的早期版本以及正在蓬勃发展的移动设备市场. 在某些时候,可以为不同的用户代理提供不同的指令,但这类似于早期具有混乱的浏览器嗅探和代码分叉的Web.但是这一次不一样,新代码是面向未来的,所以当旧版浏览器不能正常使用时,您仅需删除回调和

《HTML5与CSS3实战指南》——第2章 HTML5样式的标记2.1 The HTML5 Herald简介

第2章 HTML5样式的标记 我们已经向您介绍了关于HTML5历史的一些基本知识,以及学习它的重要性.现在,我们将在您的项目中开始使用它.首先向您介绍我们将在本书中逐步创建的示例网站. 在简单介绍了我们将创建的示例网站之后,我们将讨论一些HTML5的基本语法知识,以及编码最佳实践的一些建议.我们将遵循浏览器兼容性及HTML5页面结构基本原理等一些重要原则.最后,我们向您介绍一些HTML5特有的元素,以及如何使它们适应布局. 现在开始吧! 2.1 The HTML5 Herald简介 我们首先从头

《HTML5与CSS3实战指南》——2.4 定义页面结构

2.4 定义页面结构 现在我们已经了解了模板的基础知识,下面将开始介绍详细信息,为网页指定一些基本结构. 在本书后面的章节中,我们将深入介绍添加CSS3功能和其他HTML5的精华.现在,我们将考虑在网站总体布局方面应使用哪些元素.我们将在本节以及后面的章节介绍语义.当使用这个术语时,我们指的是用指定的HTML元素名称来描述其内容的方式.由于HTML5包含一系列广泛的语义元素,因此您会发现,与过去使用HTML4或XHTML的时候相比,多花了一些时间思考内容结构及含义.非常好!理解了内容的意思才能够

《HTML5与CSS3实战指南》——1.3 我们为什么应关注HTML5

1.3 我们为什么应关注HTML5 如前所述,HTML5的核心部分是新语义元素,以及相关技术和API.通过介绍这些新内容和语言更改,目的是使网页更容易编写.使用和访问. 这些新语义元素,以及类似于WAI-ARIA和微数据(分别在附录A.附录B和附录C中介绍)等其他标准,可以帮助使用人员及计算机更轻松地访问文档,从而有利于可访问性和搜索引擎的优化. 具体地讲,新语义元素适用于设计动态网页,使制作的网页更具模块性和可移植性.我们将在后面的章节中详细介绍. 最后,与HTML5相关的API可以帮助改进网

《HTML5与CSS3实战指南》——1.2 如何发展至今

1.2 如何发展至今 Web设计产业发展历史相对较短.12年前,包含图像和醒目的设计,就被认为是网页内容的"最高级别". 现在,情形大不一样.简单.性能驱动.重要功能依赖于客户端脚本的基于Ajax的Web应用程序越来越普遍.如今的网站经常类似于独立计算机软件应用程序,并且越来越多的开发人员关注它. 与此同时,Web标记也随之发展.HTML4最终给XHTML让步.XHTML其实就是具有严格XML样式语法的HTML4.目前,普遍应用HTML4和XHTML,但是HTML5正在飞速发展. HT