西安网络公司|西安做网站|西安网站建设|西安网站制作|宏博网络-专注于高端网站网页设计开发十余年

029-81773686

宏 · 新闻

当前位置: 首页 > 宏 · 新闻行业视野  

html5常见的那些事(二)

2015.10.14

      上一次我们给大家叙述了html5的一些标签,显然没有更加详细的叙述其他的一些关键实质性的内容,今天继续为大家演示html5的一些标签;


       1. <canvas>标签并不只是为了绘图.


       <canvas>为HTML添加了一个二维的绘图区域。乍一看,<canvas>适于创建一个简单的绘图程序,可以使用线,弧,和矩形。


       事实上,如果看一下演示<canvas>的网站,你会看到它被用于任何基础绘图、交互式绘图应用、制作动画、游戏,甚至渲染三维场景。


       一个有趣的应用是视频处理。你可以从player取得帧数据(frame data)并加以处理,而后写入到一个<canvas>上显示出来。同样的,你可以在游戏中使用一个canvas提供图像的双缓冲。


       所以,不要小瞧了<canvas>,它是HTML 5一个强大的新功能,可以用于各种图形应用, 在现代的浏览器中的JavaScrip的性能提升也足以应付图像和视频处理需求。



       2. CSS3支持通常由JavaScript提供的动画效果.


       通过CSS3,我们可以轻松实现以前只能通过JavaScript实现的网页效果。


       例如,当鼠标划过时,需要组件可以淡入淡出,以前必须写复杂的JavaScript代码或者使用一个UI库(jQuery,scriptaculous)。而通过CSS3,你就不再需要写代码了。


       Transition(过渡) 和 transform(转换) 是CSS3中的新特性,你能通过它们创造有趣的效果和动画。比如你可以使用元件不透明性(opacity)的过渡(transition)实现淡化的效果。还可以通过转换(transform)函数实现多个元件的旋转和缩放。组合起来就可以创造出很酷的动画效果。



       3. <video>标签很简单; 可是编码呢?


       通过增加一个<video>元素到您的网页,就可以轻松地在网页上播放视频,并且不需要其它插件。但说到视频格式,不幸的是,支持的协议很少。今天,支持三个不同的格式:WebM,MP4,以及Ogg,而至于是哪一个,和取决于你使用的浏览器。如果你的用户集中在某个平台,相对比较容易。比如,针对iPad用户,你只需要提供MP4格式就可以了。如果你想支持所有流行的浏览器,那么你就要提供所有三种格式的内容。


       怎么做?你可以使用<video>和<source>同时提供三种视频文件。如果都不支持,你当然还要提供一个备案。


       所以,将视频放到网页很容易了,但如何让用户得到可以真正播放的视频仍然有些麻烦。



       4. XHTML已死,却又永生(XHTML is dead, long live XHTML).


       随着XHTML 2的逝去和HTML 5的崛起,XHTML早已失去了网络语言的领先地位。但并不意味着你不能使用XHTML,事实上,我们叫它XHTML5。


       记住,XHTML和HTML之间的差异是XHTML使用严格的语法。受益的是它是可扩展的(因为它是XML), 缺点是XHTML过于严格,发挥的没有其他语言那么好(如CSS和JavaScript), 也并不是为构建Web应用而设计的。


       所以,现在写XHTML5,添加命名空间(namespace)和使用规范的语法就可以了。



       5. JSON主导新的内容格式.


       2004年XML就努力统治世界,然而到现在还没有达成。


       目前很多开发商正使用JSON取代XML。JSON可以使用与代码相同的格式和序列化(serialized)的对象。当得到远程的JSON数据,可以从浏览器本身得到快速的解析。每一个浏览器都内置了JSON的对象和两个方法:stringify (字串化):用来从一个对象生成JSON数据字串,parser(解析): 用来从字串创建一个对象。


       今天JSON被广泛应用在网络服务应用程序,如FaceBook和Twitter。而且,由于XHR有跨域的限制,许多网络服务的都实现了JSONP(JSON with Padding)。它本身是一个简单的概念,但非常实用。



精彩案例

让价值共享 记录企业发展脚步 感恩相伴 029-81773686   18966895139