今天看了下HTML5文檔,久負盛名的HTML5的卻有不少亮眼的特性,大部分標籤已得到主流瀏覽器的支持,儘管各瀏覽器的支持還是有點差別。
1DRAG拖放支持
2VIEDEO/audio音視頻支持,可以有多個source元素指定不同格式的音視頻,瀏覽器會選擇第一個識別的格式播放。
viedoe/audio內部文本當所有音視頻標籤不被支持時顯示。
3CANVAS畫布,可以做遊戲
4SVG矢量圖形,支持事件,
5地理定位支持
<script>var x=document.getElementById("demo");function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition)
; } else{x.innerHTML="Geolocation is not supported by this browser.";} }function
showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude; }</script>
6客戶端存儲數據
HTML5 提供了兩種在客戶端存儲數據的新方法:
- localStorage - 沒有時間限制的數據存儲
- sessionStorage - 針對一個 session 的數據存儲
7web頁緩存<html manifest="demo.cashe">