html5的新特性

标签：search   定位   单元素   family   sof   use   ide   geo   元素   

(1) 语义化标签  [nav  header  footer article aside section]

(2) 增强型表单

input增加了新的表单输入类型, 如：email,url,range,number,datePikcers,search,color

新的表单元素

新的表单属性autofocus,placeholder

(3) 用于媒介回放的video与audio

(4) 元素的拖放drag(api)

设置元素为可拖放draggable为true

拖动什么?:ondragstart调用了一个函数，规定了要拖动的数据, event.dataTransfer.setData()方法设置了被拖动数据的数据类型和值

放到哪里？：ondragover事件,设置目标位置允许放置，阻止对元素的默认处理行为

进行放置：ondrop事件，event.dataTransfer.getData()方法获取被拖动的数据，把数据追加到目标位置元素

(5) 用于绘画的 canvas 元素

canvas是使用javascript在网页上绘制图像，

画布是一个矩形区域可以控制每一个像素

getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

(6)  HTML5里可以直接把svg元素插入HTML页面

(7) 地理定位

geolocation（地理定位）用于定位用户的位置。

(8) Web存储

存客户段临时的信息

localStorage  没有时间限制的数据存储

sessionStorage 针对一个session的数据存储

Api:存：localStorage.setItem(‘userinfo’,JSON.stringify(o))

       取：var o=JSON.parse(localStorage.getItem(‘userInfo’))

      删除：localStorge.remove(‘userInfo’)

      清空：localStorage.clear()

(9) webscoket

html5的新特性

标签：search   定位   单元素   family   sof   use   ide   geo   元素   

原文地址：https://www.cnblogs.com/zhuMother/p/12199787.html