在开始学习HTML5网站这门新的语言之前,了解一下它的一些功能特性并具有一系列全局的认识是非常重要的一环。或许读者通过各种互联网广告了解到, HTML5网站除了对HTML4.01进行了补充之外,还会整合互联网上的图像、动画、音频和视频,也就是说有了HTML5,可以完成现在 Flash、 Silverlight等实现的工作,而且无须安装任何插件。
举个例子,HTML5的画布 Canvas,可以让网页访问者直接在网页上绘制图像或创建丰富多彩的图形效果,展示一个使用HTML5技术实现的精彩的图形编辑器,浏览者不需要安装任何插件,只需借助HTML5网站提供的功能就可以实现类似的效果。
除了功能强大的画布功能之外,HTML5还内置了音视频的播放能力,目前国内主流的音视频网站多为 Flash技术实现,而HTML5的出现使得不需要安装任何插件就具有了音视频的播放能力。
HTML5还提供了对离线存储、通讯及对表单元素的增强,使得它看起来更像是一个富客户端开发环境,比如目前互联网上已经存在不少使用HTML5技术开发的游戏和移动应用,例如借助于HTML5技术,可以直接在网页上玩水果忍者,无须安装任何插件。可以参考下面的网站:http://www.zhiyuanit.net.cn/
可以看到,HTML5的出现确实带来了一场变革,它使得网站建设人员不再需要去掌握不同厂商的富客户端技术,只需要掌握符合Web标准的HTML5技术即可。而且源代码开放,开发者更容易共享资源。同时方便简洁,不需要安装各种各样的插件,HTML5可以开发目前互联网上流行的各种各样的应用,并且能最大限度地保护本地资源,具有很好的安全性。
相较于HIML4来说,HTML5动态网站新增了很多的标签用来增强其功能,除了这些新增的元素之外,HTML5相较HTML4的一个较大的改进就是具有语义化的文档结构。语义结构使得网页具有了自描述的特性,可以被很多其他的应用程序解析。HTML5的语法结构与HTML4基本相似,但是通过它的新增的<header>、<footer>、<article>、<nav>等标签,页面现在就具有了语义结构,通过CSS可控制页面的显示外观,就可以既具有漂亮的显示效果,又具有清晰的语法结构。HTML4基于SGML,它具有多种DTD的定义。HTML5不基于SGML规范,因此不需要对DTD进行引用,不过依然需要使用 doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。W3C提供了一份HTML5和HTML4之间区别的很详细的文档,可以通过这份文档来深入了解这两个版本之间的不同之处。