Html5新特性总结

一、新标签

语义化标签

二、新属性

1.链接关系描述

2.ARIA 无障碍富互联网应用程序属性

3.自定义属性 data-

1.可以给HTML里的所有dom对象都可以添加一些data-xxx的属性

2.用来记录与当前DOM强相关的数据

三、智能表单

1.新的表单类型

2.虚拟键盘适配

1.通过type方式指定弹出键盘

四、网页多媒体(之前强依赖flash)

1.音频

2.视频

多媒体的dom对象有一些新的方法可以去做播放暂停

3.字幕

五、SVG文件基本使用

1.iframe

2.ajax  直接可以修改样式

JavaScript

一、基础API提升

1.新选择器

1.doucument.querySelector(selector);

//返回第一个满足选择器条件的元素  一个dom对象

2.doucument.querySelectorAll(selector);

//返回所有满足该条件的元素  一个元素类型是dom类型的数组

3.$('.item')

//返回一个jQuery对象(dom元素的数组)

本质上jquery方式和qs方式都是获取DOM数组，只不过jquery会多一些其他成员

DOM数组的每一个成员注册事件不能像jquery一样直接注册，必须分别给每个元素

H5就是酱我们经常需要的操作又包装一层

2.Element.classList

H5中DOM对象多了一个classList属性，是一个数组

JS方法

add 添加新类名 remove 删除指定类名  contains  判断是否包含指定类名  toggle 切换class

3.访问历史API

在H5中可以通过 window.history操作访问历史状态，让一个页面可以有多个历史记录

window.history.forward(); //前进

window.history.back(); //后退

window.history.go(); //刷新

history.pushState(放入历史中的状态数据,设置title)

4.全屏API

二、网页存储

2.1 Web Storage

getItem的方式获取一个不存在的键，返回空字符串

2.2 Web SQL

2.3 IndexedDB

三、文件系统