|
|
知识路径： > 多媒体信息处理及编辑技术 > 多媒体信息的组织 > 超文本和超媒体的概述 > 超文本和超媒体的概念 > 超文本的概念 >
|
|
相关知识点：2个
|
|
|
|
|
HTML标准自1999年12月发布4.01版本后，连续多年都没有再推出新的版本。为了推动Web标准化的发展，一些公司联合起来成立了一个名为WHATWG（Web Hypertext Application Technology Working Group, Web超文本应用技术工作组）的组织。WHATWG致力于Web表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟）则专注于XHTML 2.0。2006年，双方决定合作创建一个新版本的HTML，这就是HTML5。HTML5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。
|
|
|
|
HTML5的第一份正式草案于2008年1月22日公布。然而，大部分现代浏览器已经具备了某些HTML5支持。2012年12月17日，W3C正式宣布HTML5规范草案正式定稿，这也使得HTML5成为开放Web网络平台的基石。2013年5月6日，HTML5.1草案公布，该规范定义了第五次重大版本，第一次重大修订了超文本标记语言。在这个版本中，新功能不断推出，以帮助Web应用程序的作者努力提高新元素的互操作性。2014年10月29日，W3C正式宣布，经过近8年的艰辛努力，HTML5标准规范终于制定完成，并已公开发布。
|
|
|
|
在此之前的几年时间内，已经有很多开发者陆续使用了HTML5的部分技术，Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5。
|
|
|
|
HTML5相对于HTML4.01版本有了重大修改，下面着重介绍其部分新特性。
|
|
|
|
|
|
为了能够更好地创建页面结构，HTML5提供了一些新的元素，删除了部分HTML 4.01的元素。HTML5添加的部分新元素如下表所示。
|
|
|
|
|
|
|
|
下面是利用HTML5编写的简单实例，实现功能与2.5节例子的功能类似，实现效果如下图所示。
|
|
|
|
|
|
|
|
|
|
|
|
原来的HTML不提供对video和audio的直接支持，video和audio都是通过插件（如Flash）显示的，这就存在一个问题：并非所有浏览器都拥有同样的插件，导致视频的观看不能得到有效统一。HTML5通过video元素和audio实现了显示视频和音频的标准方法。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
如果浏览器支持video和audio标签，则以320×240的尺寸正常显示视频和音频，若不支持则显示标签中的文字。
|
|
|
|
|
|
HTML5中的
|
|
|
|
下面是利用JavaScript绘制一个红色矩形的代码。
|
|
|
|
|
|
利用JavaScript代码进行绘图的主要步骤如下。
|
|
|
|
|
|
. 创建context对象，getContext（“2d”）对象是内建的HTML5对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
|
|
|
|
. fillStyle属性可以是CSS颜色、渐变或图案。fillStyle默认设置为#000000。
|
|
|
|
. fillRect（x, y, width, height）方法定义了矩形当前的填充方式。
|
|
|
|
HTML5还提供了很多常用的API，如Websock、svg、Web存储、地理定位等，感兴趣的读者可以查询资料深入学习，此处不做过多介绍。
|
|
|
