开辟新纪元,迎来HTML5时代
互联网,日新月异,HTML5已势不可挡!有人断言:无论如何到2014年flash注定被淘汰!目前Firefox、Chrome浏览器、Opera、Safari(版本4以上)、Internet Explorer 9及以上均已支持HTML5技术。看来HTML5真的势不可挡哦!到时不喜欢flash的设计师们有的会大喊了:“苍天呀,大地呀,是哪位大姐为我出的这口气哦”。其实,HTML5成为主流,这是必然的自然规律!那么什么是HTML5、HTML5到底能做什么、HTML5比HTML4有哪些突出优点、它是否又有自己的新的“装备”!我想,这是每一位设计师都应该知道的!
一、HTML5定义
广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如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 Store或Google Play上,所以它的跨平台非常强大,也是大多数人对HTML5有兴趣的主要原因。
(3)即时更新。游戏客户端每次都要更新,很麻烦。可是更新HTML5游戏就好像更新页面一样,是马上的、即时的更新。
总之,HTML5能提高可用性和改进用户的友好体验;有了新的标签,这将有助于开发人员定义重要的内容;可以给站点带来更多的多媒体元素(视频和音频);可以很好的替代FLASH和Silverlight;当涉及到网站的抓取和索引的时候,对于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。
(3)input元素的新类型:date, email, url 等等。
(4)新的属性:ping(用于a与area), 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特例
无标题文档
用户登录
还没有账号?
立即注册