h5及c3新增的一些内容有哪些？

1.h5新增语义化标签

标签语义化:在合适的地方放合适的标签 利于seo优化

<header>头部</header> 
<nav>导航</nav> 
<section> 
<aside>侧边栏</aside> 
<article>文章</article> 
</section> 
<footer>底部</footer>

2.新增表单类型

email，tel，url，number，search（搜索框），range（自由拖动滑块），color，time，date（日期，年月日），datatime（日期时间），month，week（年周）

3.表单元素

<datalist>数据列表 与input配合使用

4.表单属性

autofocus自动获取焦点

placeholder提示文字

required 必填的

autocomplete=”on” 自动完成，默认为on开启，关闭则为off

multiple 用于上传多个文件

pattern=”” 自定义验证，直接写正则表达式

form=”需要提交至那个表单的ID” 指定表单所属的表单域

novalidate 关闭表单的验证功能 加给form标签。

5.表单事件

oninput:当用户输入时触发

oninvalid:当验证不通过时触发，通常用于设置验证不通过时的提示文字

6.多媒体标签

audio音频标签 
video视频标签

controls控制条 
autoplay自动播放 
loop循环播放

兼容写法

音频标签

视频标签

7.Dom操作

获取单个元素

document.querySelector获取符合条件的第一个元素,括号里边可以写任意合法的css选择器。

获取所有元素

document.querySelectorAll获取所有符合条件的元素，返回的是一个伪数组。

•  

类名操作

box.classList.add()添加类名
box.classList.remove()删除类名
box.classList.contains()是否包含类名
box.classList.toggle()切换类名