学习HTML5的一些新特性

2019-09-10 郑州网站建设  

一、易用性及代码简洁性

      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=http://www.divcss5.com/html5/""/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:<video src=http://www.divcss5.com/html5/url width=http://www.divcss5.com/html5/640px height=http://www.divcss5.com/html5/380px autoplay/>

<video src=http://www.divcss5.com/html5/"movie.ogg" controls="controls">

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

</video>

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


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1782.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • 易用
  • Щ
  • 简洁
  • 代码