html5中新特性
阿新 • • 發佈：2019-02-15
HTML5 中的一些有趣的新特性：
- 用於繪畫的 canvas 元素
- 用於媒介回放的 video 和 audio 元素
- 對本地離線儲存的更好的支援
- 新的特殊內容元素，比如 article、footer、header、nav、section
- 新的表單控制元件，比如 calendar、date、time、email、url、search
video：（IE8不支援）
video 元素支援三種視訊格式：
Ogg：Firefox、Opera、Chrome
MPEG 4：IE、Chrome、Safari
WebM：Firefox、Opera、Chrome
<video src="movie.ogg" audio：（IE8不支援）
支援三種格式：
Ogg：Firefox、Opera、Chrome
MP3：IE、Chrome、Safari
wav：Firefox、Opera、Safari
<audio src="song.ogg" controls="controls" 瀏覽器支援：IE9、Firefox、Opera12、Chrome、 Safari5。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<img id="drag1" src="img_logo.gif" draggable="true"
ondragstart="drag(event)" width="336" height="69" />
<!--補充解釋： event.preventDefault() 方法：阻止元素髮生預設的行為（例如，當點選提交按鈕時阻止對錶單的提交），引數是event -->
</body>
</html>