在面试过程中我们经常被问道你知道ES5,ES6有哪些新特性吗?你知道HTML5的新特性吗?
ok,今天乘着我学习总结的这个机会,主要是为我自己总结一下这些新特性,欢迎留言指教(注意本文并不全面)
HTML5新特性
首先就是近俩年小伙伴发现的,暧!怎么最近不见FLASH插件了,浏览网页可以用HTML5播放器了,没错了,这个就是新特性之一
1.1 视频格式
浏览器支持的视频格式有:MP4
、WebM
、OGG
浏览器 | MP4 |
WebM |
OGG |
---|---|---|---|
Internet Explorer |
Yes |
NO |
NO |
Chrome |
Yes |
Yes |
Yes |
Firefox |
NO |
Yes |
Yes |
Safari |
Yes |
NO |
NO |
Opera |
NO |
Yes |
`Yes |
1.2 音频格式
浏览器支持的音频格式:mp3
、wav
、ogg
浏览器 | MP3 |
WAV |
OGG |
---|---|---|---|
Internet Explorer |
Yes |
NO |
NO |
Chrome |
Yes |
Yes |
Yes |
Firefox |
NO |
Yes |
Yes |
Safari |
Yes |
YES |
NO |
Opera |
NO |
Yes |
`Yes |
2.全屏API
全屏API
用于控制某个HTML Element
占满整个屏幕。
• 进入全屏模式
//W3C建议
HTMLElement.requestFullscreen()
//Chrome、safari、Opera浏览器
HTMLElement.webkitRequestFullScreen()
//Firefox
HTMLElement.mozRequestFullScreen()
//Internet Explorer/Edge