浅谈HTML5的发展与现状(最标准格式论文)

石---------------院

顶岗实习岗位技术工作论文浅谈HTML5的发展与现状

学号: ----------

姓名: ---------

专业: 软件技术

年级: --------

企业指导老师:

二〇一五年三月

题目浅谈HTML5的发展与现状

企业指导教师

评语

指导教师 (签章)

年月日

目录

摘要 (1)

第一章 HTML5的解析 (2)

1.1 HTML5存在的意义 (2)

1.2 HTML5是什么 (2)

1.3 HTML5可以做什么 (4)

第二章 HTML5 2012年发展的状况 (11)

2.1标准的发展渐趋稳定 (11)

2.2 浏览器厂商态度积极 (11)

2.3 浏览器的支持状况明显提升 (11)

2.4. 硬件加速促进了标准的发展和应用 (11)

2.5 HTML5在商业方面的影响力 (11)

2.6 产品状况未达预期 (11)

第三章 HTML5 应用现状 (14)

3.1 PC 端 (14)

3.2. 移动端 (14)

3.3 跨界领域 (14)

3.4 开发工具 (14)

第四章 HTML5 在2013年的预测 (15)

4.1 标准更趋成熟 (15)

4.2支持HTML5的PC浏览器占有量将达70%以上 (15)

4.3 移动平台比 PC 平台发展的更快 (15)

4.4 杀手级的 HTML5 应用将出现 (15)

4.5 互联网巨头重视HTML5的发展 (16)

参考文献 (17)

致谢 (18)

摘要

自从 1991 年世界上第一个网页诞生以来，HTML 作为万维网最主要的一门语言一直在不断发展与进化。1999年，HTML 4 成为 W3C 推荐的标准规范，并在此后很长一段时间，被作为网络开发和浏览器实现的一项官方指导来解读。但网络的发展从未停滞不前，相反，随着机器硬件配置和软件支持的不断升级，它也在持续地向前发展。今天，酷炫、快速、跨平台，这些词已经紧密地和HTML5联系起来。在HTML5的帮助下，传统的网页，已经带给人们堪比桌面程序的用户体验。2012 年 12 月 17 日，W3C 发布了HTML5 以及 Canvas 2D 两个标准的完全定义版本，标志着 HTML5 的标准已经在趋向稳定。2015 年，随着移动互联网的高速发展，HTML5 也将迎来前所未有的发展机会。在中国， 360 安全浏览器是用户数领先的浏览器，也是对 HTML5 支持较好的浏览器。在 360 的带动下，国内已经有越来越多的浏览器在提高着对HTML5 的支持度。可以预见，2015 年将成为 HTML5 在中国的引爆年。

关键词：HTML5；网络；关键词；W3C ；互联网

第一章 HTML5的解析

1.1 HTML5存在的意义

Html5的优点即是“一次性开发，多次分发”，使得一次设计适应不同终端成为可能。信息流架构应用化都是直接在WEB(或wap)端抓取数据，html5可以直接使用跨平台数据面不使用后台API，大大降低研发维护成本而且呈现的效果几乎没有什么区别。Html5最大的意义在于改变WEB文档的结构方式，借助于header,foot,section,article，这些标配、标签我们可以实现更具结构化语义化的WEB文档，这样，搜索引擎更容易索引到WEB站点，我们可以搜索到更快更准备的信息。

1.2 HTML是什么

从1991年世界上第一个网页诞生以来，HTML作为万维网最主要的一门语言一直在不断发展与进化。1999年，HTML 4 成为W3C 推荐的标准规范，并在此后很长一段时间，被作为网络开发和浏览器实现的一项官方指导来解读。但网络的发展从未停滞不前，随着机器硬件配置和软件支持的不断升级，它也在持续地向前发展。HTML5 的诞生，来自对浏览器和网页开发技术的改进，是一系列Web 标准草案的集合。——HTML5 不仅仅局限于HTML语言本身，还包括了CSS3以及JavaScript语言里新增的函数和功能。HTML5 能始终坚持不断发展，并很快得到广泛认可，与其在制定之初就确立的核心理念有很大的关系。这些核心理念就是我们今天在W3C 站点上所看到的HTML5 设计原理这份文档，概括起来就是——兼容性、实用性、互操作性以及普遍可访问性。

1.3 Html可以做什么

酷炫、快速、跨平台，在HTML5 出现前，这些词从未这样紧紧与网页关联在一起。HTML5 改变了人们脑海中对传统网页的印象，取而代之的是堪比桌面程序和移动原生应用程序的用户体验。相比于HTML 4，现在的网页可以做到的显然要更多：音频、视频不再需要插件的支持，避免插件安装失败等可能导致的问题；JavaScript 能力大为增强，借助HTML 中新增的元素，更是能在网页中进行2D 和3D 图形、图像的实时绘制；CSS3 的强大和良好的支持度让网页变得更加生动，同时还可以利用浏览器本身的硬件加速完成transition、animation 动画效果以及合成（compositing）；网页可以直接通过JavaScript访问摄像头、陀螺仪等等硬件

设备。等等这些，所有的目的只有一个——让网页可以做得和原生应用一样强大、一样优秀。我们以下面6种特性为例，一窥HTML5的优势：

1.3.1 Canvas 带来实时绘制的便利

本身是HTML 中新增的一个元素，但通过这个元素，我们就可以用JavaScript 来实时画图。HTML5 2012 年度报告Canvas 不仅仅支持2D 绘制模式，同时也可以支持3D 绘制模式，即我们平时所称的WebGL。Canvas 的出现对于网页开发来说具有革命性的意义，页游从此不再局限于Flash 这一种实现方式，除了免除插件安装可能引起的失败及插件带来的崩溃之外，Canvas 绘图能借力于浏览器自身的硬件加速，在效率方面不需要开发者费心。除了游戏，在数据可视化方面Canvas表现也非常优秀，数据图可根据数据实时变化，并可建立三维模型让你从各个角度看得更加透彻。目前基于Canvas的类库较多，也比较成熟，相对Flash来说，开发成本也较低。

1.3. 2 Web Notifications 带来更友好的桌面通知

Web Notifications 提供两种桌面通知方式，分别是text 和html 方式。通过Web Notifications 接口显示的桌面通知不需要当前页面处于活跃状态，只要浏览器进程存在即可，而传统的通知方式通常显示在本页面内，如果当前用户的焦点不在需要发送通知的页面，用户是很难察觉到的。

1.3.3 基于Geolocation提供的位置信息，网页可以提供更好的服务

在Geolocation API 出现之前，基于IP 地址的地理定位是获得位置信息的唯一方式，但其返回的位置信息准确度取决于服务器的IP地址库的精确度。一般来说，这样的定位方式通常只能精确到城市级别，且在服务器端处理，对服务器会产生压力。Geolocation API 不指定浏览器通过使用何种设备底层技术来定位，一般来说设备可以使用IP 地址、GPS、Wi-Fi 接入点、手机通讯基站等等综合信息来确定用户当前所在位置。在无线网络下精确度一般会高一些，除了给出当前设备（也可看作用户）所在经纬度坐标之外，还能提供位置坐标的准确度。在设备支持的情况下，还可提供海拔、海拔准确度、行驶方向和行驶速度等信息。

1.3.4 WebRTC网页视频不再需要任何插件