H5C3内容01

meta标签用于描述网页的元信息。 元:本身。

1.h5新增语义化标签

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

头部

导航

侧边栏

文章

底部

IE低版本不兼容h5新增语义化标签，需要引入html5shiv.js
可加条件注释

ietest模拟ie6-ie11

---

2.新增表单类型

输入邮箱格式

手机号码格式

输入url格式

数字格式

搜索框

自由拖动滑块

拾色器

时间

日期、年月日

日期时间

年月

年周

---

3.表单元素

---

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()切换类名

自定义属性

data-属性名

dataset[‘要操作的属性名’]