了解HTML5和“她”的 API (一)

　　简化了文档声明、字符集

//声明
<!doctype html>
//字符
<meta charset="utf-8">

　　 引入了新的标签元素

　　　Selectors API

//单个
querySelector() 
//多个
querySelectorAll()

　　javascript日志和调试

console.log()

　　JSON

JSON.parse() //将JSON字符串序列化为JavaScript对象
JSON.stringify() //把JavaScript对象序列化为JSON字符串

　　Canvas(http://www.w3school.com.cn/tags/html_ref_canvas.asp)

<canvas></canvas>
左上角坐标为原点(x=0,y=0)

　　SVG (http://www.w3school.com.cn/svg/svg_reference.asp)　

　　Audio and Video(音频和视频)

　　video

//判断浏览器是否支持video audio
var supportVideo = !!(document.createElement('video').canPlayType);

<video src="http://www.w3school.com.cn/i/movie.ogg" controls="controls">
你的浏览器不支持html5 video
</video>

　　audio

<audio controls="controls">
	<source src="http://www.w3school.com.cn//i/song.ogg" type="audio/ogg">
	<source src="http://www.w3school.com.cn//i/song.mp3" type="audio/mpeg">
	你的浏览器不支持html5 audio
</audio>

　　Geolocation(地理定位)

if(navigator.geolocation){
	console.log('支持地理定位');
}else{
	console.log('不支持地理定位');
}

//使用 getCurrentPosition() 方法来获取位置
navigator.geolocation.getCurrentPosition(updateLocation); //一次获取
//navigator.geolocation.watchPosition(updateLocation); //多次获取
function updateLocation(position){
	var latitude = position.coords.latitude,
		longitude = position.coords.longitude;
	console.log('纬度:'+ latitude  + '经度:' + longitude)
}