A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

H5新特性?



对面试官心里揣测:新出的东西基本是必问的。所以你必须懂!{:8_504:}


   首先认识HTML5
l H5即是HTML的一个最新的版本,也是web的一个标准。
l 在之前的基础之上新增了一些内容:新语义标签、智能表单、多媒体标签   
l 结合CSS3中的内容如:圆角、动画、过渡等效果,提高用户的体验。
l 新增了javascript的api,使得操作dom更加的方便
l 还增加了与硬件结合的功能:定位、重力感应、硬件访问等功能
l 通常所说的H5:HTML5 + CSS3 + JavaScript;组合而成的一个应用开发平台

  一、语义化
8_K@[DHBUL(_DGBDW~E051M.png


   二、音视频
      音频(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) 以索引值来获取存储内容


                           

5 个回复

倒序浏览
沙发
回复 使用道具 举报
谢谢楼主分享
回复 使用道具 举报
回复 使用道具 举报
回复 使用道具 举报
辛苦辛苦
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马