HTML5
考试要求: 掌握     
知识路径:  > 多媒体信息处理及编辑技术  > 多媒体信息的组织  > 超文本和超媒体的概述  > 超文本和超媒体的概念  > 超文本的概念


 
       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的新增元素
       下面是利用HTML5编写的简单实例,实现功能与2.5节例子的功能类似,实现效果如下图所示。
       
       IE显示的HTML5代码效果
       
       ② video和audio。
       原来的HTML不提供对video和audio的直接支持,video和audio都是通过插件(如Flash)显示的,这就存在一个问题:并非所有浏览器都拥有同样的插件,导致视频的观看不能得到有效统一。HTML5通过video元素和audio实现了显示视频和音频的标准方法。
       
       
       在网页中显示音/视频的代码如下。
       
       
       如果浏览器支持video和audio标签,则以320×240的尺寸正常显示视频和音频,若不支持则显示标签中的文字。
       ③ canvas。
       HTML5中的元素用于图形的绘制,通过脚本(通常是JavaScript)完成。标签只是图形容器,必须使用脚本绘制图形,可以通过多种方法使用canva绘制路径、盒、圆、字符以及添加图像。
       下面是利用JavaScript绘制一个红色矩形的代码。
       
       利用JavaScript代码进行绘图的主要步骤如下。
       . 通过id获取画布的dom元素。
       . 创建context对象,getContext(“2d”)对象是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
       . fillStyle属性可以是CSS颜色、渐变或图案。fillStyle默认设置为#000000。
       . fillRect(x, y, width, height)方法定义了矩形当前的填充方式。
       HTML5还提供了很多常用的API,如Websock、svg、Web存储、地理定位等,感兴趣的读者可以查询资料深入学习,此处不做过多介绍。
 

更多复习资料
请登录电脑版软考在线 www.rkpass.cn

京B2-20210865 | 京ICP备2020040059号-5
京公网安备 11010502032051号 | 营业执照
 Copyright ©2000-2025 All Rights Reserved
软考在线版权所有