HTML5提供了一组API用来获取用户的地理位置，如果浏览器支持且设备具有定位功能，就能够直接使用这组API来获取当前位置信息。
该API是navigator对象的一个属性 – Geolocation。目前除了ie内核浏览器外，其他浏览器的最新版本基本都支持Geolocation。同时，移动设备IOS 3.0+ 和 Android 2.0+ 系统也支持它，现在很多移动设备的应用加入了地理定位的元素。
那么我们接下来看如何使用Geolocation API：
一、检查浏览器是否支持Geolocation
var hasGeolocation = !!(navigator.geolocation);
if(hasGeolocation){
alert(“浏览器支持hasGeolocation”);
}
网站面包屑主要有一下几点作用：
一个简单的面包屑，我们通常采用这种方法实现：
您的位置： 首页> 我的淘宝> 已买到的宝贝
<div class="crumbs"> 您的位置： <a href="#">首页</a><span>></span> <a href="#">我的淘宝</a><span>></span> 已买到的宝贝 </div>
网页表单的运用，想必很多网页设计师和前端开发都非常熟悉。大家都已经使用文本框、按钮、列表/下拉菜单……甚至一些交互性相对比较复杂的表单用到隐藏域来传递数据。
但是，一些复杂的数据类型比如：电话号码、电子邮件都需要通过javascript来验证检查 (或者通过服务器端语言进行数据验证)。现在一些主流的浏览器都在不断的支持HTML5一些新的元素、属性（比如Opera 、chrome和safari等）。大家先不用太兴奋，因为ie6、ie7、ie8都不支持最新的HTML5表单元素 
……
但是，今天我仍然要讲一下HTML5新增的表单元素，并利用他们设计一个在Opera浏览器下相对完美的表单。 HTML5 为表单提供了几个新的属性、input 类型和标签：
新的INPUT类型 color, email, date, month, week, time, datetime, datetime-local, number,range, search, tel, 和 url
新属性 required, autofocus, pattern, list, autocomplete 和 placeholder
新元素 <keygen>, <datalist>, <output>, <meter> 和 <progress>
HTML5 渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现 HTML5 比你想象的更强大。
在浩瀚的星系间履行，小心装上些红色的星球，绿色的星球可以吃掉，可以增加体能。
