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

石---------------院顶岗实习岗位技术工作论文浅谈HTML5的发展与现状学号:----------姓名:---------专业:软件技术年级:--------企业指导老师:二〇一五年三月题目浅谈HTML5的发展与现状企业指导教师评语指导教师(签章)年月日目录摘要..............................................................1第一章HTML5的解析...............................................21.1HTML5存在的意义............................................21.2HTML5是什么................................................21.3HTML5可以做什么............................................4第二章HTML52012年发展的状况....................................112.1标准的发展渐趋稳定.........................................112.2浏览器厂商态度积极........................................112.3浏览器的支持状况明显提升..................................112.4.硬件加速促进了标准的发展和应用............................112.5HTML5在商业方面的影响力..................................112.6产品状况未达预期..........................................11第三章HTML5应用现状.............................................143.1PC端.....................................................143.2.移动端....................................................143.3跨界领域..................................................143.4开发工具..................................................14第四章HTML5在2013年的预测......................................154.1标准更趋成熟..............................................154.2支持HTML5的PC浏览器占有量将达70%以上...................154.3移动平台比PC平台发展的更快..............................154.4杀手级的HTML5应用将出现.................................154.5互联网巨头重视HTML5的发展..............................16参考文献..........................................................17致谢.............................................................18第1页摘要自从1991年世界上第一个网页诞生以来，HTML作为万维网最主要的一门语言一直在不断发展与进化。1999年，HTML4成为W3C推荐的标准规范，并在此后很长一段时间，被作为网络开发和浏览器实现的一项官方指导来解读。但网络的发展从未停滞不前，相反，随着机器硬件配置和软件支持的不断升级，它也在持续地向前发展。今天，酷炫、快速、跨平台，这些词已经紧密地和HTML5联系起来。在HTML5的帮助下，传统的网页，已经带给人们堪比桌面程序的用户体验。2012年12月17日，W3C发布了HTML5以及Canvas2D两个标准的完全定义版本，标志着HTML5的标准已经在趋向稳定。2015年，随着移动互联网的高速发展，HTML5也将迎来前所未有的发展机会。在中国，360安全浏览器是用户数领先的浏览器，也是对HTML5支持较好的浏览器。在360的带动下，国内已经有越来越多的浏览器在提高着对HTML5的支持度。可以预见，2015年将成为HTML5在中国的引爆年。关键词：HTML5；网络；关键词；W3C；互联网第2页第一章HTML5的解析1.1HTML5存在的意义Html5的优点即是“一次性开发，多次分发”，使得一次设计适应不同终端成为可能。信息流架构应用化都是直接在WEB(或wap)端抓取数据，html5可以直接使用跨平台数据面不使用后台API，大大降低研发维护成本而且呈现的效果几乎没有什么区别。Html5最大的意义在于改变WEB文档的结构方式，借助于header,foot,section,article，这些标配、标签我们可以实现更具结构化语义化的WEB文档，这样，搜索引擎更容易索引到WEB站点，我们可以搜索到更快更准备的信息。1.2HTML是什么从1991年世界上第一个网页诞生以来，HTML作为万维网最主要的一门语言一直在不断发展与进化。1999年，HTML4成为W3C推荐的标准规范，并在此后很长一段时间，被作为网络开发和浏览器实现的一项官方指导来解读。但网络的发展从未停滞不前，随着机器硬件配置和软件支持的不断升级，它也在持续地向前发展。HTML5的诞生，来自对浏览器和网页开发技术的改进，是一系列Web标准草案的集合。——HTML5不仅仅局限于HTML语言本身，还包括了CSS3以及JavaScript语言里新增的函数和功能。HTML5能始终坚持不断发展，并很快得到广泛认可，与其在制定之初就确立的核心理念有很大的关系。这些核心理念就是我们今天在W3C站点上所看到的HTML5设计原理这份文档，概括起来就是——兼容性、实用性、互操作性以及普遍可访问性。1.3Html可以做什么酷炫、快速、跨平台，在HTML5出现前，这些词从未这样紧紧与网页关联在一起。HTML5改变了人们脑海中对传统网页的印象，取而代之的是堪比桌面程序和移动原生应用程序的用户体验。相比于HTML4，现在的网页可以做到的显然要更多：音频、视频不再需要插件的支持，避免插件安装失败等可能导致的问题；JavaScript能力大为增强，借助HTML中新增的canvas元素，更是能在网页中进行2D和3D图形、图像的实时绘制；CSS3的强大和良好的支持度让网页变得更加生动，同时还可以利用浏览器本身的硬件加速完成transition、animation动画效果以及合成（compositing）；网页可以直接通过JavaScript访问摄像头、陀螺仪等等硬件第3页设备。等等这些，所有的目的只有一个——让网页可以做得和原生应用一样强大、一样优秀。我们以下面6种特性为例，一窥HTML5的优势：1.3.1Canvas带来实时绘制的便利canvas本身是HTML中新增的一个元素，但通过这个元素，我们就可以用JavaScript来实时画图。HTML52012年度报告Canvas不仅仅支持2D绘制模式，同时也可以支持3D绘制模式，即我们平时所称的WebGL。Canvas的出现对于网页开发来说具有革命性的意义，页游从此不再局限于Flash这一种实现方式，除了免除插件安装可能引起的失败及插件带来的崩溃之外，Canvas绘图能借力于浏览器自身的硬件加速，在效率方面不需要开发者费心。除了游戏，在数据可视化方面Canvas表现也非常优秀，数据图可根据数据实时变化，并可建立三维模型让你从各个角度看得更加透彻。目前基于Canvas的类库较多，也比较成熟，相对Flash来说，开发成本也较低。1.3.2WebNotifications带来更友好的桌面通知WebNotifications提供两种桌面通知方式，分别是text和html方式。通过WebNotifications接口显示的桌面通知不需要当前页面处于活跃状态，只要浏览器进程存在即可，而传统的通知方式通常显示在本页面内，如果当前用户的焦点不在需要发送通知的页面，用户是很难察觉到的。1.3.3基于Geolocation提供的位置信息，网页可以提供更好的服务在GeolocationAPI出现之前，基于IP地址的地理定位是获得位置信息的唯一方式，但其返回的位置信息准确度取决于服务器的IP地址库的精确度。一般来说，这样的定位方式通常只能精确到城市级别，且在服务器端处理，对服务器会产生压力。GeolocationAPI不指定浏览器通过使用何种设备底层技术来定位，一般来说设备可以使用IP地址、GPS、Wi-Fi接入点、手机通讯基站等等综合信息来确定用户当前所在位置。在无线网络下精确度一般会高一些，除了给出当前设备（也可看作用户）所在经纬度坐标之外，还能提供位置坐标的准确度。在设备支持的情况下，还可提供海拔、海拔准确度、行驶方向和行驶速度等信息。1.3.4WebRTC网页视频不再需要任何插件第4页2011年，device在还没被浏览器支持之前就被标准所废弃，一个新的API——getUserMedia被提出，取代device来完成对摄像头和麦克风设备的访问。通过网页就可以直接取得用户的影像和声音，并在网页中展示出来，再借助于PeerConnectionAPI，网页聊天也可以用JavaScript来实现。1.3.5Video标签带来可与网页内容交互的视频Video标签不仅仅提供了一种无需插件就可播放视频的方式，更重要的通过Video标签播放的视频不再是独立的个体，而可以与网页中的其它元素交互，真真正正成为网页中的一部分。譬如通过与Canvas元素结合，可以将视频的每一帧做变形和动画，甚至还可以对视频中的内容做图像识别，在其出现时准确捕捉到；或与PageVisibilityAPI结合，在当前页面不是活动状态时，停止视频播放，对性能和用户体验都是一种提升。1.3.6ApplicationCache配合本地存储，打造离线访问新体验ApplicationCache处于浏览器缓存之上。正确地使用ApplicationCache，可以有效减少请求数，带来真正的离线应用体验。但是对于Wiki百科、大众点评或者天气预报这样的站点而言，把所有访问过的页面的都整个通过ApplicationCache缓存下来，显然不是一种好方法，但如果借助本地存储（localStorage或者IndexedDB）来存储数据，把用于页面展示的HTML模板放在缓存中，会好很多。第5页第二章HTML5在2012年发展的状况2.1标准的发展渐趋稳定2012年，HTML5的标准在更加细化的过程中不断趋向稳定，虽然其中也有一些调整，但变动不大。相较于过去的3年时间，2012年新增的内容非常少，而且相对来说，都属于一些细节和增强，如对已有元素增加新的属性，或为已有接口增加新的方法。本年度有两个CSS方面的变化可能在不久之后，会导致部分现有HMTL5网页或网站显示异常，分别是FlexibleBox和Gradient。这两个特性在语法方面有明显改变，样式的名称和值的语法都与之前有比较明显的变化，值得开发者注意，虽然目前主流浏览器尚未实现对最新标准的支持。2.2浏览器厂商态度积极在Web标准长达21年的发展过程中，浏览器厂商的态度一直对标准的制定和变化有着非常重要的影响。到目前为止，IE6至IE8的市场份额已有很明显的下降，我们相信其原因是复杂的，但不能排除与这些老的IE版本不能支持HTML5以及其它新技术有关。除IE外的独立内核浏览器，在诞生之初，就将对标准的支持放在很重要