2020.0410知识总结

知识总结

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></ audio>
属性： autoplay 自动播放
Controls 播放控件
Loop 循环播放
Muted 静音状态
注：定义媒介资源:
< source>
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”> 颜色选取
Time 时间类型
Month 月份
Week 周
Datetime-local 选取本地时间
Date 只有年月日
四、新增的表单HTML属性：
Max=“”最大值
Min=“”最小值
Required 如果表单没有输入内容的情况下，禁止提交
Step 确定一个法定值eg：3,6,9（可以接受负数）
Autocomplete 自动提示信息，属性值 on/off
Placeholder 文本框的提示信息
Autofocus 自动聚焦
Pattern 属性只是一个正则表达式（高效的字符串处理规则）
Novalidate 取消验证
Multiple 选择（上传 ）多\输入框里面把逗号隔开的当做两个提交的信息
List属性 必须和datalist标签结合使用，绑定的datalist的id名称
五、表单里面新增的标签
做提示信息的，必须和list属性结合使用
<option value-””> 可以追加一个label属性

做输出的（计算结果的输出）