基本信息
- 原书名:HTML5 and CSS3: Develop with Tomorrow's Standards Today
- 原出版社: Pragmatic Bookshelf
编辑推荐
Web和移动开发必读
掌握技术走向,自信应对未来
轻松实用、细致入微
内容简介
计算机书籍
《HTML5和CSS3实例教程》共分3 部分,集中讨论了HTML5 和CSS3 规范及其技术的使用方法。首先是规范概述,介绍了新的结构化标签、表单域及其功能(包括自动聚焦功能和占位文本)和CSS3 的新选择器。接下来是HTML 对视频和音频的支持,讲述了画布上的图形绘制及CSS 阴影、渐变和变换的使用方法。最后介绍使用HTML5 的客户端特性(包括Web Storage、Web SQL Databases 以及离线支持)建立客户端应用,使用HTML5 实现跨域消息和数据传送,以及操作浏览器历史等的方法。
《HTML5和CSS3实例教程》适合所有使用HTML 和CSS 的Web 开发人员学习参考。
作译者
目录
第1 章 HTML5 和CSS3 概述 1
1.1 一个新的Web 开发平台 1
1.1.1 更多的描述性标记 1
1.1.2 较少依赖于插件的多媒体支持 1
1.1.3 更强大的Web 应用 2
1.1.4 跨文档消息通信 2
1.1.5 Web Sockets 2
1.1.6 客户端存储 2
1.1.7 更精美的界面 2
1.1.8 更强大的表单 2
1.1.9 提升可访问性 3
1.1.10 先进的选择器 3
1.1.11 视觉效果 3
1.2 向后兼容 3
1.3 未来之路崎岖不平 4
1.3.1 IE 5
1.3.2 可访问性 5
1.3.3 废弃的标签 6
1.3.4 企业利益的竞争 7
前言
因为总是能不停地接触新东西,所以我们Web开发人员很赞同这种说法。一年前,HTML5和CSS3看起来还遥不可及,如今很多公司却已经开始运用这些技术了,因为Google Chrome、Safari、Firefox和Opera等浏览器已经开始逐步实现该规范了。
HTML5和CSS3帮助奠定了打造下一代Web应用的基础。这两项技术可以让我们的网站更易开发、更易维护、更具用户友好性。HTML5在搭建网站结构和定义网站内容方面引入了新的元素,使我们可以摆脱额外的标记或插件。CSS3提供了高级的选择器、增强的图形效果、更好的字体支持。通过这些技术,无需使用字体图片替代技术,无需编写复杂的JavaScript代码,也无需使用图形工具,我们就可以让网站更具视觉吸引力。改进的辅助支持功能为残障人士改善了Ajax应用体验,而离线支持让我们可以建立无需因特网连接的可用应用。
通读本书,读者可以了解现在可以用HTML5和CSS3做什么,尽管用户的浏览器可能暂时还不支持所有的这些新功能。在正式开篇之前,让我们先来聊聊HTML5和一些专业术语。
HTML5:平台与规范
HTML5是一份规范,不但描述了一些绝妙的JavaScript API,而且定义了一些新标签和标记。现今,HTML5被炒作得非常火热。不过,HTML5标准已经演变成了HTML5平台,并在开发人员、客户甚至作者之间引起了非常多的混淆。有些情况下,CSS3的一些东西,比如阴影、渐变、变换都被称为“HTML”。浏览器厂商你追我赶,争相在其产品中实现更多的“HTML5”功能。客户也开始提出奇怪的请求:“我的网站会是HTML5的,对吧?”
作为本书的重点,我们将集中讨论HTML5和CSS3规范本身,并介绍其所描述技术的使用方法。在本书的最后,我们将介绍一组紧密相关的规范,它们原先是HTML5的一部分,但现在已经被多种平台实现,其中包括Web SQL Databases、Geolocation和Web Sockets。虽然这些规范严格说来不属于HTML5,但与HTML5和CSS3结合起来的话,可以帮助构建令人意想不到的应用。
本书的组织结构
本书中,每章都集中探讨一组可以通过HTML5和CSS3解决的特定问题。每章都有概述,以及对标签、功能或其所涉概念的总结表。各章的主要内容都被分成了“实例”,用以引导读者学习特定的概念,并逐步介绍了用其建立简单示例的方法。本书各章都通过主题来归类,而不是将内容按HTML5部分和CSS3部分归类,这是因为基于两者能解决的问题来归类显得更为科学。
每个“实例”都包含一节“回退”,这部分将告诉读者,如何处理用户浏览器不支持HTML5和CSS3的情况。我们将借助各种各样的技术来实现这些回退方案,包括第三方库和jQuery插件等。这些“实例”的阅读顺序可以由读者根据兴趣随意调整。
最后,每章还包含一节“未来展望”,其中将讨论这些技术得到更为广泛支持之后的使用情况。
本书集中介绍目前可用的技术。目前尚有很多HTML5和CSS3功能未得到广泛应用,对此读者可在最后一章获得更全面的了解(见第11章)。
全书概览
本书先从HTML5和CSS3的简要概述开始,介绍一些用于描述页面内容的新结构标签。接着我们会讨论表单,让读者有机会使用一些表单域和功能,如自动聚焦和占位文本等。届时,读者便可以玩转CSS3的新选择器,学习如何在不借助额外标记的前提下为元素添加样式。
接着,本书会讨论HTML对语音和视频的支持。读者将学到如何使用画布绘制图形。另外,读者还会学到CSS3阴影、渐变和变换的使用方法,以及如何处理字体。
最后,我们会使用HTML5的客户端特性(包括Web Storage、Web SQL Databases以及离线支持)建立客户端应用。我们将使用Web Sockets与一个简单会话服务通信,读者可从中看到HTML5如何让跨域传送消息和数据成为可能。读者还有机会试玩Geolocation API并学习如何操控浏览器的历史。最后将讨论一些目前用处不大但不久的将来会变得重要的功能。
附录A罗列了本书所介绍的功能,并指出了其参考章节。本书中我们会大量使用jQuery,因此附录B中介绍了jQuery的入门知识。此外,本书还用一个简短的附录介绍了音频和视频文件的HTML5编码。
阅读准备
本书主要面向熟悉HTML和CSS的Web开发人员。初学者也可以从本书获益,但建议先阅读Designing with Web Standards[Ze109]和我的另外一本书Web Design for Developers[Hog09]。
读者还应该具备基本的JavaScript和jQuery 知识,我们会用这些知识来创建各种回退方案。附录B是对本书所涉jQuery方法的简介。