html5特性覆盖坚持,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新增智能表单标签：

5、HTML5--拖拽拖拽上传 拖拽移动 拖拽删除

拖拽开始 dragstart

拖拽结束 dragend

拖拽中 drag

进入目标区域 dragenter

在目标区域移动 dragover

在目标区域松开鼠标 drop

离开目标区域 dragleave

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

阻止浏览器默认行为：

e.preventDefault();

6、HTML5音频、视频

音频视频的一些属性：

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[]