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