您的位置: 首页 >日志>前端技术>详细内容

前端技术

开辟新纪元,迎来HTML5时代

来源:本站原创 发布时间:2012-12-29 14:55:23 浏览次数: 【字体:

互联网,日新月异,HTML5已势不可挡!有人断言:无论如何到2014flash注定被淘汰目前Firefox、Chrome浏览器Opera、Safari(版本4以上)、Internet Explorer 9及以上均已支持HTML5技术。看来HTML5真的势不可挡哦!到时不喜欢flash的设计师们有的会大喊了:“苍天呀,大地呀,是哪位大姐为我出的这口气哦”。其实,HTML5成为主流,这是必然的自然规律!那么什么是HTML5HTML5到底能做什么、HTML5HTML4有哪些突出优点、它是否又有自己的新的“装备”!我想,这是每一位设计师都应该知道的!

一、HTML5定义
广义论及HTML5时,实际指的是包括HTMLCSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet applicationRIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。

二、HTML5能做什么?

(1)实时二维绘图。新增的 标记  可以定义图形,它拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法,通过这些方法可以轻松画曲线、五角星、圆、弧线等图形、图表、图像和动画

(2)定义视频声音进行媒体播放HTML5里新增的       

(3)离线存储数据库这个功能将内嵌一个本地的SQL 数据库,以加速交互式搜索,缓存以及索引功能。同时,那些离线Web 程序也将因此获益匪浅。不需要插件的富动画。 

(4)处理文件上传和操纵文件全新的表单输入对象,省去了大量的JS,让表单更人性化和方便操作。

三、HTML5有哪些优点?

(1)网络标准。HTML5本身是由W3C推荐出来的,它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。换句话说,每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。

(2)多设备、跨平台。用HTML5的优点在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App StoreGoogle Play上,所以它的跨平台非常强大,也是大多数人对HTML5有兴趣的主要原因。

(3)即时更新。游戏客户端每次都要更新,很麻烦。可是更新HTML5游戏就好像更新页面一样,是马上的、即时的更新。

总之,HTML5能提高可用性和改进用户的友好体验;有新的标签,这将有助于开发人员定义重要的内容;可以给站点带来更多的多媒体元素(视频和音频);可以很好的替代FLASHSilverlight;当涉及到网站的抓取和索引的时候,对于SEO很友好;将被大量应用于移动应用程序和游戏。

四、HTML5HTML 4的不同之处

1)文件类型声明()仅有一型:

2)新的解析顺序:不再基于SGML
3)新的元素:section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure
, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr

3input元素的新类型:date, email, url 等等。

4)新的属性:ping(用于aarea, charset(用于meta, async(用于script)。

5)全局属性:id, tabindex, repeat

6)新的全局属性:contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck

7)移除元素:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike

五、HTML5重要新标记
1 标记定义视频,比如电影片段或其他视频流。
2 标记定义声音,比如音乐或其他音频流。
3 标记 定义图形,比如图表和其他图像。 

六、HTML5特例



 




   
无标题文档





   

   



×

用户登录