1、语义化标签：有指定内容的仓库
< section> </section>:类似于div,偏向画结构
<article></article>:偏向于内容展示
<aside> </aside>:偏向于在一侧/旁边的内容
<header> </header>:页面头部内容，内容的头部区域
<footer> </footer>:页面的尾部,内容的尾部
<nav> </nav>:做导航，链接区域
<figure> <figcaption> </figcaption> </figure> 类似dl>dt+dd的结构，注意： <figcaption> </figcaption>是figure的标题，一般在第一个或者最后一个位置。
<main> </main> 页面的主要内容
<mark></mark>:高亮显示，默认背景颜色为黄色，可以设置改变颜色，是一个内联元素
,<time> </time>:一般用来放时间，是内联元素
<dialog></dialog>:类似于微信对话框，默认是display:none;即隐藏有默认定位，默认边框。
2、多媒体标签
（1） <video src="文件地址" controls autoplay="autoplay" loop muted poster="1.jpg" ></video>
属性： controls =”显示控件“ autoplay="自动播放" 谷歌屏蔽了. loop=”循环播放“，1是循环 muted="静音属性” poster="图片地址“ 显示为第一帧图片，直到用户点击播放
（2）<source>:定义媒介资源（备份文件）
type="文件类型” video/ogg video/webm video/mp4 (视频格式）
type="文件类型” audio/ogg audio/mpeg audio/wav (音频格式）
（3）<audio src=" 文件地址" controls autoplay loop muted ></audio>
3、表单
（1）<input type=" ">新增type类型：
type="email" 请输入邮箱地址
type="url" 请输入网址
type="range" 滑块
type="number" 请输入数字
type="search" 搜索
type="color" 生成颜色表单
type="time" 请输入时间
type="month" 请输入月份
type="week" 请输入周期
type="datetime-local" 选取 本地时间
type="date" 年月日
（2）新增表单属性:
required 禁止为空，即必填字段
min/max=“2” 限定最小/大值
step="2" （ 每次累加数）步长，确定一个法定值
autocomplate="on/off" 是否自动关联提示信息。on默认值，关联 off不关联
placeholder="提示信息 " 提示信息
autofocus 自动聚焦，光标的初始位置，一个页面只有一个
pattern="正则表达式" 正则表达式，可以自己指定合法的格式。手机号正则表达式：^1[3|5|8]\d{9}$
novalidate 取消验证
multiple 多选
list 结合datalist标签才有效。输入时提供关联信息
（3）新增加的标签：
<output></output> 输出标签，计算结果的输出，脚本的输出
<datalist></datalist> 输入时提供关联信息