day19 html5

day19知识点

一、html5语义化结构标签：
section 更偏于划分区域。（网页的外围结构…更类似与div）
article 更偏向于内容的展示
aside 侧边栏（在一旁的）
header 网页头部或者是内容块头部
footer 网页的顶部或者内容快的底部
nav 导航区域。
figure 代表一个独立的区域
figcaption figure区域的标题
main 主体区域（IE不兼容）
hgroup 标题组
mark 高亮显示文本
time 用来处理时间
dialog 类似于对话框

多媒体标签 视屏：
属性：
autoplay 自动播放
controls 播放控件
loop 循环播放
muted 静音状态
poster 当视频没有加载或者没有播放死后显示的封面图

音频<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">    颜色选取


h5新增的表单属性
    max="" 最大
    min="" 最小