H5的新特性、新标签

新特性

1.video / radio  视频/音频

2.canvas  绘画 

3.geolocation 定位

4.WebSocket 前后端双向通讯

5.localStorage/sessionStorage代替cookie 本地储存

6.文件拖拽（drag事件+dataTransfer+FileReader）

7.WebWorker js多线程,提高性能

8.WebSQL 前端数据库(已被官方弃用)

9.manifest 离线缓存

 

新标签

header、nav、article、section、aside、footer  、canvas 、video 、radio

标签语义化

<article>定义文章</article>
<aside>定义文章侧边栏</aside>
<figure>定义一组媒体对象以及文字内容</figure>
<figcaption>定义figure的标题</figcaption>

 

布局页面时用的语义标签：
<nav>定义导航</nav>
<header>头部</header>
<section>定义文档中的区段 区域</section>
<footer>尾部</footer>

 

input其他的类型：

text 文本输入框
password 密码
button 按钮
checkbox 复选
radio 单选
submit 提交
reset 重置
file 文件
email 输入邮箱地址 检测@
url URL地址
number 只能输入数字 还有e
range 范围 默认0~100
required 必须填写
placeholder 占位符