HTML5-新增特性

1、新增的语义化标签：

header  footer  nav section等等

2、为什么要使用语义化标签：

便于开发者阅读写出更优雅的代码的同时让浏览器的爬虫和机器更好地解析。

3、input表单属性：

placehold
autofocus
autocomplete
required
multiple
pattern

input元素的type（类型）：

submit  提交  将form里的内容提交到后端
email   电子邮件    校验内容是否符合email格式
url date    time    month   week    datetime-local  number  range   search  color   tel

4、HTML5新增智能表单标签：<datalist></datalist>

5、HTML5--拖拽

拖拽上传    拖拽移动    拖拽删除

拖拽开始    dragstart
拖拽结束    dragend
拖拽中      drag
进入目标区域      dragenter
在目标区域移动     dragover
在目标区域松开鼠标   drop    
离开目标区域      dragleave

元素想要去使用拖拽api，需设置 draggable = true

阻止浏览器默认行为：
    e.preventDefault();
    

6、HTML5音频、视频

<audio src=''></audio>
<video src=''></video>

音频视频的一些属性：
    controls显示播放控件
    autoplay    打开浏览器后自动播放
    width   给视频设置，音频无效
    height  给视频设置，音频无效
    
    loop    是否循环播放
    preload 是否等加载完再播放
    poster  设置视频播放的封面
    
    video.play();   播放
    video.pause();  暂停
    
    duration    返回媒体的播放时长，单位是秒
    muted       是否静音
    paused      是否暂停
    currentTime 当前播放时间
    volume      音量值（0-1）

7、HTML5新增选择器：

1）querySelector
2）querySelectorAll
3）getElementsByClassName

8、HTML5定义属性以及定于属性的获取：

1)定义方式：data-
2)获取方式：dataset[]