HTML5标签

新增语言化标签

• :头部标签
• ：导航
• ：内容标签
• ：块级标签
• ：侧边栏标签
• ：尾部标签

音频标签

音频格式

元素支持的三种音频格式：Ogg vorbis/MP3/Wav
语法：<audio scr"音频地址" > </audio>
常见属性：
autoplay：如果出现该属性，音频就绪后马上播放
controls：出现该属性则向用户显示控件，如播放按钮
loop：出现该属性则音频结束时重新播放，即循环播放
src url：表示要播放的音频的url

/*不同浏览器支持不同格式，所以采用为这个音频准备多个格式来解决此问题*/
<audio>
<source scr="media/no.mp" type="audio/mpeg">
<source scr="media/no.ogg" type="audio/mpeg">
</audio>

视频标签

语法：

<video src="文件地址" controls="controls"> </video>

不同浏览器支持不同格式解决方法与音频相同

<video controls="controls" width="200">
    <source src="move.ogg" type="video/ogg">
    <source src="move.mp4" type="video/mp4">
  </video>

video相关属性：
autoplay=“autoplay” ：视频就绪自动播放
controls=“controls”：向用户展示播放控件
width=“像素”：设置播放器宽度
height=“像素”：设置播放器高度
loop=“loop”：播放完是否循环播放该视频
preload=“preload”：是否等加载完再播放
src=“url”：视频的url地址
poster=“imgurl”：加载等待播放的画面图
muted=“muted”：静音播放
ps：谷歌浏览器禁用视频自动播放，添加静音播放属性即可解决
``

HTML5新增input表单及表单属性

属性值：说明
type=“email”：限制用户输入必须为Email类型
type=“url”：限制用户输入必须为url类型
type=“date“：限制用户输入必须为日期类型
type=“time”：限制用户输入必须为时间类型
type=“month“：限制用户输入必须为月
type=“week”：限制用户输入必须为周
type=“number“：限制用户输入必须为数字
type=“tel”：限制用户输入为手机号码
type=“search“：搜索框

<ul>
<li>邮箱：<input type="email"/></li>
</ul>

表单属性

required=”required“：表示表单内容不为空
placeholder=”提示文本“：表单的提示信息，存在默认值就不显示
autofocus=”autofocus“：自动聚焦到指定表单
autocomplete=”off/on“：浏览器是否显示之前输入过的内容
multiple=”multiple“：多选文件提交