欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML5 >

学习HTML5的一些新特性

 

一、易用性及代码简洁性

      HTML5赋予网页更好的意义和结构。新的HTML标签像<header>, <footer><nav><section> <aside>等等,使得阅读者更加容易去访问内容。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。

     ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“,通过角色属性来创建重要的页面地形例如,headerfooternavigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用,因为事实上并不验证。然而,HTML5将会验证这样属性。同时,HTML5将会内建这些角色并且无法不覆盖。

 

二、本地存储特性

      HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储,它拥有更好的安全和性能,即使浏览器关闭后也可以保存。

       因为它是个客户端的数据库,你不用担心用户删除任何cookie,并且所有主流浏览器都支持。

     本地存储对于很多情况来说都不错, 它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如:保存用户信息,缓存数据,加载用户上一次的应用状态。

三、设备兼容特性(跨浏览器)

      Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。

这里有很多的meta标签允许你优化移动:

viewport: 允许你定义viewport宽度和缩放设置

全屏浏览器: ISO指定的数值允许Apple设备全屏模式显示

Home screen icons: 就像桌面收藏,这些图标可以用来添加收藏到IOSAndroid移动设备的首页。

点击查看源网页

四、网页媒体特性更好的支持音、视频

      支持网页端的AudioVideo等多媒体功能;在发布HTML5之前你需要使用<embed><object>标签,并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:<video src=""/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:<video src=url width=640px height=380px autoplay/>

<video src="movie.ogg" controls="controls">

您的浏览器不支持 video 标签。

</video>

五、三维、图形及特效特性

     基于SVGCanvasWebGLCSS33D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果,用户使用<canvas>可以开发游戏。<canvas>元素本身不具备绘制能力,依靠脚本来完成。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h16962.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-01-08 10:38 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。