2020.0409关于HTML5新增的标签知识总结

知识总结

HTML5新增标签：
一、语义化结构标签：
Section 更偏向于划分区域。（网页外围结构，类似于div）
Article 更偏向于内容的展示
Aside 侧边栏（在一旁的）
Header 网页头部或者是内容块的头部
Footer 网页的底部或者是内容块的底部
Nav 导航区域
Figure 代表一个独立区域
Figcaption figure区域的标题
Main 主体区域（ie不兼容）
Hgroup 标题组
Mark 高亮显示文本
Time 用来处理时间
Dialog 类似于对话框
二、视频，音频
1：视频：
< video src-”视频路径”><./video>
属性：autoplay 自动播放
Controls 播放控件
Loop 循环播放
Muted 静音状态
Poster 当视频没有播放或者没加载的时候显示的封面图
2：音频：
< audio></ a udio>
属性： autoplay 自动播放
Controls 播放控件
Loop 循环播放
Muted 静音状态
注：定义媒介资源:

Type属性—定义媒介资源
Video里面，type属性的定义：video/Ogg video/mp4 video/webm
audio里面，type属性的定义：audio/Ogg audio/mpeg
三、h5新增的type类型
< input type=”email”> 在提交整个表单的时候，验证是否符合邮箱格式
< input type=”url”> 在提交的时候验证时候是一个网址，检测http://
< input type=”range”> 生成滑动条
< input type=”number”> 限制必须为数字
< input type=”search”> 搜索框
< input type=”color”> 颜色选取
新增的表单属性：
Max=“”
Min=“”