HTML5授予网页更好的意义和构造。新的HTML标签像<header>, <footer>,<nav>,<section>, <aside>等等,使得阅读者更加随意马虎去访问内容。利用新的语义学的定义标签,你可以更好的理解HTML文档,并且创建一个更好的利用体验。
ARIA是一个W3C的标准紧张用来对HTML文章中的元素指定“角色“,通过角色属性来创建主要的页面地形例如,header,footer,navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛利用,由于事实上并不验证。然而,HTML5将会验证这样属性。同时,HTML5将会内建这些角色并且无法不覆盖。
二、本地存储特性
HTML5中最酷的特性便是本地存储。有一点像比较老的技能cookie和客户端数据库的领悟。它比cooke更好用由于支持多个windows存储,它拥有更好的安全和性能,纵然浏览器关闭后也可以保存。
由于它是个客户真个数据库,你不用担心用户删除任何cookie,并且所有主流浏览器都支持。
本地存储对付很多情形来说都不错, 它是HTML5工具中一个不须要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以大略的创建一些运用特性例如:保存用户信息,缓存数据,加载用户上一次的运用状态。如果你对本地存储有兴趣,你可以看看这些文章
三、设备兼容特性(跨浏览器)
从Geolocation功能的API文档公开以来,HTML5为网页运用开拓者们供应了更多功能上的优化选择,带来了更多体验功能的上风
这里有很多的meta标签许可你优化移动:
viewport: 许可你定义viewport宽度和缩放设置全屏浏览器: ISO指定的数值许可Apple设备全屏模式显示Home screen icons: 就像桌面收藏,这些图标可以用来添加收藏到IOS和Android移动设备的首页
四、网页媒体特性更好的支持音、视频
支持网页真个Audio、Video等多媒体功能;在发布HTML5之前你须要利用<embed>和<object>标签,并且为了它们能精确播放必须授予一大堆的参数。你的媒体标签将会非常繁芜,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:<video src=\"大众\"大众/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只须要像其它HTML标签一样定义:<video src=”url” width=”640px” height=”380px” autoplay/>。
<video src=\公众movie.ogg\"大众 controls=\"大众controls\公众>
您的浏览器不支持 video 标签。
</video>
五、三维、图形及殊效特性
基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果,用户利用<canvas>可以开拓游戏。<canvas>元素本身不具备绘制能力,依赖脚本来完成
当然HTML5还有诸多特性,以上大略的总结了一些。更多殊效及用法参考w3school供应的手册;现在网络上HTML5干系的视频教程数不胜数。极客还有慕课都是很不错的
须要帮助可以关注公众年夜众号:伙拼学习