HTML5能做什麼

今天看了下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">

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章