1.2 HTML5简介
HTML5不仅是HTML规范的最新版本,它还是一系列用来制作现代丰富Web内容的相关技术的总称。其中最重要的三项技术分别是HTML5核心规范、CSS(Cascading Style Sheets,层叠样式表)和JavaScript。
HTML5核心规范定义用于标记内容的元素,并明确其含义。CSS可控制标记过的内容呈现在用户面前的外貌。JavaScript则可以用来操作HTML文档的内容以及响应用户的操作,此外如果要想使用HTML5中一些为编程目的设计的新增元素,那么也需要用到JavaScript。
提示
看不懂上面所说的东西不要紧,在下面几节中会较为详细地介绍HTML元素、CSS和JavaScript。
1.2.1 HTML5的新标准
为了应对漫长的标准化过程以及标准落后于常见用法的情况,HTML5及其相关技术是作为一系列小标准而指定的,其中一些标准只有几页,涉及的只是高度细化的一个方面。当然,一些标准会有几百页,几乎包含了相关功能的所有方面。
这样做有利也有弊,好处是可以加快标准制定的步伐。主要的弊端在于难以全面掌握制定中的各个标准的情况以及这些标准之间的关系,技术规范的质量也会有所下降。有些标准中存在的一些歧义会使在浏览器实现中出现了不一致的情况。
最大的不足之处可能是没有一条可评估HTML5是否达标的基准线。虽然现在还处于初始阶段,但是用户所用到的所有浏览器不可能都实现了要用的特性。W3C公布过一个正式的HTML5徽标,如图1-1所示,但是它并不代表对HTML5标准及相关技术的全面支持。
图1-1 W3C公布的正式的HTML5徽标
1.2.2 HTML5引入的新特性
“我们想做的事情已经不再是通过浏览器观看视频或收听音频,或者在一部手机上运行浏览器。而是希望通过不同的设备,在任何地方,都能够共享照片、网上购物、阅读新闻,以及查找信息。虽然大多数用户对HTML5和开放的Web平台并不熟悉,但是它们正在不断改进用户体验。”
上述是2014年10月28日W3C的HTML工作组在发布HTML5的正式推荐标准(W3C Recommendation)时万维网联盟创始人Tim Berners-Lee所说的一段话,这意味着新标准带来的改变是巨大的,我们来看一下HTML5中引入的新特性。
❑ HTML5的一大改进就是在浏览器中支持直接播放视频和音频文件。这是W3C对插件风靡现象的一种反应,原生多媒体的支持再结合其他HTML特性可望大有作为。
❑ HTML5最大的变化之一是添加了Canvas元素,这个元素是对插件现象的另一反应。它提供了一个绘图平面,开发人员可以用它来完成一些绘制。使用Canvas就必须用到JavaScript。
❑ HTML5引入了一些用来分开元素含义和内容呈现方式的特性和规则。这是HTML5中的一个重要概念,它反映出制作和使用HTML内容时方式的多样性。同时也给开发者带来一些负担,这是因为开发者需要先标记内容然后再定义其呈现方式。
1.2.3 HTML5现状
HTML5正式推荐标准虽然已经推出,但仍在继续改动中,虽然其中有一些调整,但是变化不大。这意味着本书现在所讲的标准与今后新出的标准可能会有出入,标准正式出炉还需要等好些年,最终版本与现在版本的差别应该不会很大。
浏览器支持是决定HTML5命运的一项至关重要的因素。各浏览器越快统一对标准的支持,HTML5标准落到实处也就越快,从2012年开始,全球各大浏览器逐步加大对HTML5的支持。
最流行的浏览器基本都已实现了许多HTML特性。本书示例演示效果时所用的浏览器是Google的Chrome或者Mozilla的Firefox。从国际形式来看,通过对比各独立内核浏览器(IE、Firefox、Chrome、Safari、Opera),可知各大浏览器对标准的支持都有显著的提高。
移动平台上主流的浏览器(iOS Safari 6.0, Android Browser 4.1, Opera Mobile 12.1, Chrome for Android 18.0, Firefox for Android 15.0)目前对标准的支持度均高于60%,其中表现居首的是Chrome for Android,而支持度相对较低的Android Browser也在60%以上,如图1-2所示。
图1-2 移动浏览器对HTML5的支持
上述内容虽然不是很详细,但是对于HTML的基本内容都已介绍。限于篇幅,只是大概介绍一部分。若有读者想详细了解这些内容,那么可以找一些专门讲解HTML的资料或者云网站查阅。