做人第一 学习第二

HTML5的新特性

  首先认识HTML5

l H5即是HTML的一个最新的版本,也是web的一个标准。

在之前的基础之上新增了一些内容:新语义标签、智能表单、多媒体标签   

结合CSS3中的内容如:圆角、动画、过渡等效果,提高用户的体验。

新增了javascript的api,使得操作dom更加的方便

还增加了与硬件结合的功能:定位、重力感应、硬件访问等功能

通常所说的H5:HTML5 + CSS3 + JavaScript;组合而成的一个应用开发平台


  一、语义化



   二、音视频

      音频(audio):标签:<audio></audio>

      属性:controls autoplay loop

      兼容性处理:使用source属性来引入不同的音频文件当支持哪一个就引入哪一个,因为现在这个市面上使用的几率最高,必须会使用。



视屏(video)

标签:<video></video>

方法

load()

play()

pause()


属性

currentSrc

currentTime

Duration


事件

ontimeupdate

onended




   三、Web存储

特性

设置、读取方便

容量较大,sessionStorage约5MlocalStorage20M

只能存储字符串,可以将对象JSON.stringify() 编码后存储

window.sessionStorage

生命周期为关闭浏览器窗口

在同一个窗口下数据可以共享

window.localStorage

永久生效,除非手动删除

可以多窗口共享

方法

setItem(key, value) 设置存储内容

getItem(key) 读取存储内容

removeItem(key) 删除键值为key的存储内容

clear() 清空所有存储内容

key(n) 以索引值来获取存储内容

此文如未标注转载均为本站原创,自由转载请表明出处 宋子宪博客 » HTML5的新特性

发表评论

游客 表情
送你一朵小花花~

帅人已评:(0)