Day6_H5新标签

一、结构标签

1、article：定义文章，使用于论坛帖子，博客文章，新闻故事，评论。

2、aside：定义文章的侧边栏。

3、section：定义文档中的某个区域，使用于章节，头部，底部。

4、nav：定义导航部分。

5、header：定义section或者document页眉，使用于文章介绍内容，导航连接器的容器。

6、footer：定义section或者document页脚，使用于文档创建者姓名，文档的版权信息，使用条款的链接，联系信息等。

7、detail：定义展开详细内容，只有safari和chrome支持。

8、figure：定义一组媒体元素及文字，fig caption是定义figure的title的。

二、表单元素

1、日期和时间：date、time。

2、email：邮箱地址，必须输入并且格式要正确。

3、url：统一资源定位器，必须输入并且格式要正确。

4、number：数值，必须输入，min是最小值，max是最大值。

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

6、属性：placeholder是提示文本，required是定义该input为必填项。

三、多媒体标签 音频audio

1、支持格式：MP3、wav、ogg。

2、属性：●controls：显示音频控件；

                ●autoplay：准备就绪后自动播放；

                ●loop：自动循环播放；

                ●muted：静音；

                ●src：规定音频文件的路径。

3、source：定义资源类型，由浏览器进行选择。

四、多媒体标签 视频video

1、支持格式：MP4，webm，ogg。

2、属性：●controls：显示音频控件；

                ●autoplay：准备就绪后自动播放；

                ●loop：自动循环播放；

                ●muted：静音；

                ●src：规定音频文件的路径。

3、source：定义资源类型，由浏览器进行选择。

五、语义化的作用

使用新标签的作用就是为了语义化，语义化的作用如下：

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

2、有益于SEO；

3、便于团队开发和维护。