H5新特性?
对面试官心里揣测:新出的东西基本是必问的。所以你必须懂!{:8_504:}
首先认识HTML5:l H5即是HTML的一个最新的版本,也是web的一个标准。 l 在之前的基础之上新增了一些内容:新语义标签、智能表单、多媒体标签 l 结合CSS3中的内容如:圆角、动画、过渡等效果,提高用户的体验。 l 新增了javascript的api,使得操作dom更加的方便 l 还增加了与硬件结合的功能:定位、重力感应、硬件访问等功能 l 通常所说的H5:HTML5 + CSS3 + JavaScript;组合而成的一个应用开发平台
一、语义化
二、音视频 音频(audio):标签:<audio></audio> 属性:controls autoplay loop 兼容性处理:使用source属性来引入不同的音频文件当支持哪一个就引入哪一个 因为现在这个市面上使用的几率最高,必须会使用。
视屏(video)标签:<video></video> 方法 load() play() pause() 属性 currentSrc currentTime Duration 事件 ontimeupdate onended
三、Web存储特性 设置、读取方便 容量较大,sessionStorage约5M、localStorage约20M 只能存储字符串,可以将对象JSON.stringify() 编码后存储 window.sessionStorage 生命周期为关闭浏览器窗口 在同一个窗口下数据可以共享 window.localStorage 永久生效,除非手动删除 可以多窗口共享 方法 setItem(key, value) 设置存储内容 getItem(key) 读取存储内容 removeItem(key) 删除键值为key的存储内容 clear() 清空所有存储内容 key(n) 以索引值来获取存储内容
|