知识总结
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属性
做输出的(计算结果的输出)