结构标签

article：定义文章

使用：

论坛帖子，博客文章，新闻故事评论

saide：定义文章侧边栏

section：定义文档中的某个区域

使用：

章节，头部，底部

nav：定义导航栏部分

header：定义section或者document（眉页）

使用：

文章介绍内容，导航链接的容器

footer：定义section或者document（页脚）

使用：

文档创建者姓名，问文档的版权信息，使用条款的链接，联系信息等

details：定义展开详细内容（只有safari和chrome支持）

figure：定义一组媒体元素以及文字

figcaption：定义figure的title

表单元素

日期和时间：date，time

email：邮箱（必须输入且正确）

url：网址（必须输入且正确）

number：min最小值，max最大值（必须输入）

range：输入一定范围内的数字值

属性：

placeholder 提示文本

required 定义该input标签为必填项

多媒体标签

audio：音频

支持格式：

MP3，wav，ogg

属性：

controls 显示音频控件

autoplay 准备就绪后自动播放

loop 自动单曲循环

muted 静音

src 规定音频文件的路径

source：定义资源类型（由浏览器进行选择）

video：音频

支持格式：

MP4，webM，ogg

属性：

controls 显示音频控件

autoplay 准备就绪后自动播放

loop 自动单曲循环

muted 静音

src 规定音频文件的路径

source：定义资源类型（由浏览器进行选择）

为什么使用新标签？

为了语义化

作用：

1.去掉样式能让页面结构清晰呈现

2.有益于SEO

3.便于团队开发和维护