HTML5的新特性

1.视频video 支持MP4、ogg 、webm格式

src:url  视频播放地址

autoplay:autoplay  视频就绪自动播放,谷歌浏览器需要添加muted来解决自动播放问题

controls:controls   向用户显示播放插件

loop:loop   循环播放

poster:imgural   加载等待的画面图片

muted:muted  静音播放

2.音频audio 支持MP3、Wav、Ogg格式

autoplay:autoplay  音频就绪自动播放,谷歌浏览器需要添加muted来解决自动播放问题

controls:controls   向用户显示播放插件

src:url  播放地址

loop:loop   循环播放

3.多媒体标签总结

  • 音频标签和视频标签使用方式基本一致
  • 浏览器支持情况不同
  • 谷歌浏览器把音频和视频自动播放禁止了
  • 我们可以给视频标签添加 muted 属性来静音播放视频,音频不可以(可以通过JavaScript解决)视频标签是重点,我们经常设置自动播放,不使用controls控件,循环和设置大小属性

4.input

邮箱
required="required"  内容不能为空,必填
placeholder=""  提示文本
multiple="multiple"  自动聚焦光标
autocomplate=off/on  浏览器基于之前键入过的值
multipe=multipe  多选文件提交


/*改变输入框的字体颜色*/
input::placeholder {
        color: pink;
 }


 

你可能感兴趣的:(html5,前端,html)