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