【系列】html5概述

发表于2014-09-20 23:08  |  次阅读  |  0条评论  |   作者:siru90

一、html5简介
1. 什么是 HTML5?
①HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
②广义论及HTML5时,实际指的是包括HTML5、CSS3和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务,使浏览器实现富客户端更加独立和方便
③HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

二、html5发展历史
1. html5历史
① HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。
② 2008年1月22日公布HTML 5 的第一份正式草案已于。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
③ 2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
④ 2013年5月6日, HTML 5.1[1] 正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,img标签及svg也进行了改进,以帮助Web应用程序的作者,努力提高新元素互操作性。

三、html5现状及浏览器支持
1. 现状
①由于受到市场竞争、技术层面等多方面影响,大部分现代浏览器已经支持html5,但是各个浏览器支持的方式以及语法有所差异性,甚至有得浏览器根本不支持html5,使得这门新技术不能得到快速有效的推广和应用。但是我们相信随着时代的潮流,这一标准最终会被我们接纳和使用
2. 浏览器支持
①支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

四、html5新特性
1. 语义特性(Class:Semantic)
① HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。
2. 本地存储特性(Class: OFFLINE & STORAGE)
① 基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。
3. 设备兼容特性 (Class: DEVICE ACCESS)
4. 连接特性(Class: CONNECTIVITY)
5. 网页多媒体特性(Class: MULTIMEDIA)
① 支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。
6. 三维、图形及特效特性(Class: 3D, Graphics & Effects)
7. 性能与集成特性(Class: Performance & Integration)
① 没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作。

五、html5优缺点
1. 优点
① 网络标准
A.HTML5本身是由W3C推荐出来的,它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。换句话说,每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。
② 多设备、跨平台
③ 即时更新。
④ 提高可用性和改进用户的友好体验;
⑤ 有几个新的标签,这将有助于开发人员定义重要的内容;
⑥ 可以给站点带来更多的多媒体元素(视频和音频);
⑦ 可以很好的替代FLASH和Silverlight;
⑧ 涉及到网站的抓取和索引的时候,对于SEO很友好;
⑨ 被大量应用于移动应用程序和游戏。

1. 缺点
① 安全:像之前Firefox4的web socket和透明代理的实现存在严重的安全问题,同时web storage、web socket 这样的功能很容易被黑客利用,来盗取用户的信息和资料,另外http的机导致了web应用安全性有所欠缺,这将在很长时间内成为问题。
② 完善性:html5 还在成熟和发展中,像之前曾经支持的web sql database,w3c已经决定不再维护。许多特性各浏览器的支持程度也不一样,而地理定位API在国内的前途还不清晰。
③ 技术门槛:html5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习,想web worker、web socket、web storage 等新特性要求对于后台的技术需要有一定的了解,至需要深入了解其后面原理和逻辑,而canvas要求视觉和图像算法的一些知识,传统的前端开发者需要掌握更多算法、视觉、后台甚至浏览器原理的知识,机遇的同时也是巨大的挑战
④ 性能:某些平台上的引擎问题导致html5性能低下,同时在不加入GPU加速的情况下,html5处理复杂音视频,动画的性能不尽如人意。
⑤ 浏览器兼容性问题是html5最大缺点,IE9以下浏览器几乎全军覆没,而其他浏览器虽然支持很好,但不是很全


学习html5的知识储备和准备工作

1. 知识储备
①html+css
②javascript
③任何一门服务器端语言基础
 
2. 准备工作
①chrom浏览器
②ff浏览器
③opera浏览器
④ie9+浏览器
⑤ietester

本站关键字:sunny90 web开发 数据库 移动开发 服务器 Nginx Mysql PHP
Copyright © sunny90版权所有 power by sunny90.com  
湘ICP备14012284号-1,粤公网安备 44030602000307号