语义化结构标签 多媒体标签 H5新增表单内容

语义化结构标签：

section  更偏向于一个区域类似div（块）

article 更偏向于显示内容（块）

aside 标签作为article呢绒的辅助板块（块）

header 标签做为一个网页头部，或者板块头部（块）

footer 标签做为一个网页底部或板块底部（块）

nav 标签做为一个网页导航板块（块）

figure 标签代表一段独立的内容（块）

figcaption 标签做为figure的标题（块）

main 做为网页中的立体内容区域 IE不支持（块）

hgroup 标题的分组（块）

mark 内部定义高亮显示的文本（类似span）（内联）

Ttme 专门放时间的标签（内联）

dialog 标记定义一个对话框，类似微信dialog的open属性值为open display的值为block

多媒体标签：

<video src=””></video>

<audio src=””></audio>

video 导入视频

audio 导入音频

video：src属性：导入视频

autopaly属性：自动播放（谷歌屏蔽）

controls属性：显示插件空间（暂停|静音|快进|全屏）

muted属性：静音属性

loop属性：重复播放

poster属性：当多媒体没有播放或者在下载的时候显示的图片poster=” ”

<source></source>整合多媒体资源

type属性：定义设备所支持的多媒体类型

video里面的使用：

type=”video/mp4”

type=”video/ogg”

type=”video/webm”

<source Type=”video/mp4” src=” ”></source>

audio里面的使用：

type=”audio/mpeg”

type=”audio/ogg”

type=”audio/wav”

H5新增表单内容：

一：html5新增的input的type类型

二：H5新增表单属性

一：

<input type=”email”> 当表单提交的时候 限制必须是邮箱类型

<input type=”rul”> 当表单提交的时候限制必须是网址http//

<input type=”tange”> 产生一个滑动条

<input type=”number”>限制必须是数字

<input type=”search”>产生一个搜索意义上的输入框

<input type=”color”>选取颜色

二：

required 检测是否为空 为空则不允许提交

min 最小

max 最大

step 步幅 确定一个发定值

list  必须结合datalist标签

autocomplete 是否自动提示信息之间提交过得 默认值是on      off

placeholder  提示信息文本框

autofocus 自动聚焦 一个页面出现一个

pattern 正则验证 正则表达式

novalidate 取消验证

multiple  选择多个上传 file

<form>

<input type=”text” list=””>

<dutalist id=”名称”>

<option value=””></option>

</dutalist>

</form>

三：

datalist 标签用来做表单输入框提示信息

<option value=””></option>

datalist要有id名称 list=id名称 提示信息在option里面 label做提示信息

output 用来在表单里面做一些结果的输出或者是脚本的输出

output的for属性，绑定对应的表单元素的id名称们用空格隔开