*****html5新特性

1、HTML5播放器，支援的視訊格式有：MP4、WebM、OGG；支援的音訊格式：mp3、wav、ogg

2、全屏API

//W3C建議
HTMLElement.requestFullscreen()

//Chrome、safari、Opera瀏覽器
HTMLElement.webkitRequestFullScreen()

//Firefox
HTMLElement.mozRequestFullScreen()

//Internet Explorer/Edge
HTMLElement.msRequestFullscreen()

相容瀏覽器寫法

function enterFullscreen(element){
    
 
if(element.requestFullscreen){
        element.requestFullscreen()
    } else if(element.webkitRequestFullScreen){
        element.webkitRequestFullScreen()
    } else if(element.mozRequestFullScreen){
        element.mozRequestFullScreen();
    } else if(element.msRequestFullscreen){
        element.msRequestFullscreen();
    }
}

 

退出全屏模式

function exitFullscreen(){
    if(document.exitFullscreen){
        document.exitFullscreen();
    } else if(document.webkitExitFullScreen){
        document.webkitExitFullScreen();
    } else if(document.mozCancelFullScreen){
        document.mozCancelFullScreen();
    } else if(document.msExitFullscreen){
        document.msExitFullscreen();        
    }
}
 

摘自：https://blog.csdn.net/csdn_smartyang/article/details/108200834

3、canvas、svg

4、draggable="true" ｜DragEvent

5、DataTransfer`物件

當頁面中不存在<input type="file">時，可通過DataTransfer物件的files屬性來獲取被拖放的檔案物件，其返回FileList的物件

6、FormData 物件