html5新增了什么,html5的新功能

  html5新增了什么,html5的新功能

  

介绍

   HTML5是HTML的下一代,将成为HTML、XHTML、HTML DOM的新标准。

  

起步

   HTML5是W3C和WHATWG合作的成果。

  为HTML5建立的一些规则:

  新功能应该基于HTML、CSS、DOM和JavaScript。减少对外部插件(如Flash)的需求,更好的错误处理,更多的标记替换脚本HTML5应该独立于设备开发过程,对公众透明

浏览器支持

  最新版本的Chrome、Firefox、Safari和Opera支持部分HTML5特性。Internet Explorer 9将支持一些HTML5功能。国产浏览器傲游,以及360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等基于IE或Chrome(Chrome工程版或Chrome实验版)的国产浏览器也具备支持HTML5的能力。

  

新特性

   html 5 html 5中新增的有趣功能:

  1.语义标签页眉页脚导航侧部分meau模板文章音频视频画布等。

  2.webStorage存储机制会话存储和本地存储

  WebStorage: HTML5可以用来在本地存储用户的浏览数据。早先,本地存储使用cookie。然而,网络存储需要更安全和更快。这些数据不会存储在服务器上,但只会用于用户请求网站数据。还可以存储大量数据,不影响网站性能。以数据键/值对的形式存在,网页的数据只允许被网页访问和使用。Web存储有两种:sessionStorage和localStorage,也就是说,这两种是存储的一个实例。从字面意思可以明显看出,sessionStorage在session中保存数据,浏览器一关闭就没了;而localStorage将数据本地保存在客户机上。API提供了以下方法:

  SetItem (key,value) ——以键值对的形式保存数据和存储信息。GetItem (key) ——获取数据并传入键值以获取相应的值。RemoveItem (key) ——删除单个数据,根据键值删除相应的信息。Clear () ——删除所有数据key (index) ——获取索引的key localStorage:没有时间限制的数据存储localStorage的生命周期是永久的。如果使用localStorage存储数据,即使关闭浏览器,数据也不会消失,除非主动删除。使用的方法如上图所示。LocalStorage有length属性,可以查看它有多少条记录的数据。用法如下:

  var storage=null//确定浏览器是否支持本地存储if(window . local storage){ storage . setitem( name , Rick );//调用setItem方法存储数据alert(storage . getitem( name ));//调用getItem方法,弹出框显示名称为Rick storage . remove item( name );//调用removeItem方法移除数据警报(storage . getitem( name ));//调用getItem方法,弹出框显示名称为null} sessionStorage:一个会话的数据存储sessionStorage的生命周期是在浏览器关闭之前。也就是说,在整个浏览器关闭之前,它的数据一直存在。SessionStorage也有length属性,其基本判断和用法与localStorage的用法一致。应注意以下几点:

  (1)页面刷新不会消除数据;

  (2)只有当前页面打开的链接才能访问sessionStorage的数据;

  (3)使用window.open打开页面,改变localtion.href模式,可以获取sessionStorage内部的数据;

  3.历史对象

  history对象保存用户上网的历史记录,从窗口打开的那一刻开始计算。

  使用go()方法跳转到用户历史记录中的任意位置,向前或向后。

  该方法接受一个参数,一个表示向后或向前跳转的页数的整数值。

  负数表示向后跳转(类似于独立浏览器的“后退”按钮)

  正数表示向前跳转(类似于独立浏览器的“前进”按钮)

  History.go(-1) //后退一页history.go(1) //前进一页history.go(2) //前进两页还可以向go()方法传递一个字符串参数。此时,浏览器将向前或向后跳转到历史中包含该字符串的第一个位置。看看哪个位置最近。如果字符串没有包含在历史中,那么这个方法什么也不做。

  History.go(wrox.com) //调到最近的wrox.com页面。也可以用back()和forward()两种速记方法代替go()。这两种方法都可以模仿浏览器的“后退”和“前进”按钮。

  History.back() //后退一页history.forward() //前进一页4。新的表单元素输入数据列表日期时间日期每月星期时间颜色数字电子邮件地址范围电话网址搜索等。

  5.用于回放的多媒体、视频和音频元素。

  6.绘画用画布

  以上是Html5新特性的细节。有关Html5新特性的更多信息,请关注其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: