一、html新增标签
1)header -------头部勾引或导航的部分
2)Nav ----------导航部分,一样平常可以嵌套在header里面
3)Section ---------代表一个独立区块,包括内容和标题
4)Article ----------分外的section ,一样平常放置文章或标题
5)Aside ---------页面补充解释的区块
6)Footer --------脚部版权解释的区块
把稳点:虽然标签很语义化,但是目前只能兼容IE9+
二、添加对flash的更换
.swf(flash的格式)
对视频的标签
Video支持的mp4格式,ogg,webM
属性:autoplay: 页面加载进来就开始播放
Src 视屏文件的路径
Controls 是否显示播放器的控件(播放,停息,快进,全屏,音量)
Preload 预加载
Poster 视频播放前的海报
在h5之前视频是如何播放的(网页中是如何插入视频)
<embed>
<iframe>
音频的标签
Audio
支持的格式:mp3,ogg,Wav
Input类型的拓展
Color: 取到值是十六进制的颜色属性值
Date : yyyy-MM-dd
Datetime
Datetime-local 显示格式yyyy-MM-ddThh:mm
Email 表单提交会触发验证
Month YYYY-MM
Number 会涌现加减符号,min-----max属性,限定最大值和最小值
Range 滑块,也可以自定义最大值和最小值
Search
Tel 移动端点击时候会拉起数字键
Time
Url
Week
Html5表单新元素
Datalist:模糊查询
Input list=”dalistID”
Datalist#dalistID>option
Keygen
Output
Html 表单验证
Required 必填字段
Pattern 正则验证,设置title为缺点提示信息
Maxlength 输入的最大长度
Minlength 输入的最小长度
Min Max step必须input为number类型才能生效,min最小值,max最大值,step设置有效数字的间隔
setCustomValidity(“提示笔墨”) 自定义提示笔墨
H5地理定位系统:
Navigator:是浏览器内置工具,包含浏览器厂商支持哪些方法,浏览器的信息;
H5的拖放:
被拖动的工具 :属性:draggable设置是否支持拖动 ondragstart开始拖动的时候实行的事宜
放置的容器: ondrop丢放工具触发的事宜
Ondragover 当拖放的工具拖动到放置的容器上触发的事宜
H5确当地存储
localStorage.setItem(“key”, value);
在本地存储一个名为key值为value的一个数据
localStorage.getItem(“key”);//value
打消:
localStorage.Clear()会清空所有确当地存储;
localStorage.removeItem(“key”)清空对应key这条数据
取出本地存储的一个名为key的数据
sessionStorage.setItem(“key”,value);
sessionStorage.getItem(“key”);
差异:sessionStorage存储的值当用户关闭浏览器就会自动销毁,但是localStorage存储的值会一贯存在,知道用户手动打消;
Javascript变量在页面关闭的时候会被全部销毁,要在一个页面取另一个页面的值的时候是取不到的,那么这时候就要用到页面间传值的方法:
1.带参数的a链接来实现传值
2.本地存储来传值