一、html新增标签

1)header -------头部勾引或导航的部分

2)Nav ----------导航部分,一样平常可以嵌套在header里面

html5模糊html5的一些基本 Java

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.本地存储来传值