search欄位三個瀏覽器都有支援:
number欄位:
range欄位三個瀏覽器都有支援:
color欄位:
tel欄位三個瀏覽器都有支援:
url欄位三個瀏覽器都有支援:
email欄位三個瀏覽器都有支援:
date欄位:
month欄位:
week欄位:
time欄位:
datetime欄位:
datetime-local欄位:

HTML5新增的語義元素:9個

導覽大綱結構測試

文章

日期與時間

導覽

標尾

其它

讓所有的瀏覽器支援html5的新語義元素,將以下程式碼放至head標籤內的最上面:

		<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		

geolocation

		//示範geolocation
		function get_location(){
		  if(Modernizr.geolocation){
		    navigator.geolocation.getCurrentPosition(show_map, handle_error, {enableHighAccuracy: true});  //使用show_map為使用者按下同意時,會呼叫的函式;handle_error為其它問題時會呼叫此函式
		  }else{
		    //使用Gears
		  }
		}
		function show_map(position){
		  //alert(position.timestamp);
		  $("#current_position").html('您目前所在位置的緯度:' + position.coords.latitude + ';您目前所在位置的經度' + position.coords.longitude);
		}
		function handle_error(err){
		  if(err.code == 1){
		    alert("使用者拒絕分享位置");
		  }
		  if(err.code == 2){
		    alert("網路連線中斷,或無法連上定位衛星");
		  }
		  if(err.code == 3){
		    alert("如果網路可以連線,但計算使用者位置的時間耗費過久");
		  }
		  if(err.code == 0){
		    alert("其它問題");
		  }
		}
		get_location();
		

如果需要一直定出使用者的位置,就不適合用getCurrentPosition(),而要改用watchPosition()了。

getCurrentPosition允許第三個選擇性參數
性質名稱 型別 預設值
enableHighAccuracy Boolean false 設為true可能較慢。開啟高準確度模式
timeout long 無預設值 單位為毫秒。指定網路應用程式等待定位的時間(以毫秒計算)
maximumAge long 0 單位為毫秒。允許裝置用快取儲存的位置立即回覆。例如:最開始你曾呼叫過getCurrentPosition(),使用者也同意提供位置,而後成功執行的回呼函式在十點整(10:00 AM)帶著計算完畢的位置被呼叫。然後在一分鐘後,10:01 AM時,你以maximumAge性質值75000再度呼叫getCurrentPosition():
				  navigator.geolocation.getCurrentPosition(show_map, handle_error, {maximumAge: 75000});
				
。此處的意思是說,我們不需要使用者目前的位置。知道使用者75秒(75000毫秒)前的位置已經足夠了。

storage interface

Storage interface的方法和屬性
屬性/方法 回傳值 說明
length 整數 Number of key/value pairs associated with this object (read-only access)
key(n) DOMString Name of the key in position n
getItem(key) data Value of the given key (a DOMString)
setItem(key,data) void Saves the value data of the key
removeItem(key) void Deletes the content of the key
clear() void Deletes all key/value pairs of this object