瀏覽$location的實例代碼我們不難發現，每次的url中都會帶一個#,這是因爲angularjs默認使用的是標籤模式，它和html5模式有什麼區別？
（1）標籤模式
標籤模式使用的是內部鏈接的技巧，URL後面緊跟一個#,angularjs本身不會重寫<a>標籤，也不需要服務器端的支持，鏈接後的URL樣子基本是這樣的：
http://example.com/#/some/path?foo=bar&baz=xoxo
（2）HTML5模式
標籤模式的url看起來總是覺得不爽，html5模式可能比較適合咱們的請求格式(比如說REST),
http://example.com/some/path?foo=bar&baz=xoxo
在angularjs內部，可以通過$locationProvider.Html5Mode()(內部用的是html5 history api,如果瀏覽器不支持將自動降級到標籤模式)方法來實現這樣的路由要求，在該模式下，angularjs會重寫<a>標籤。使用該模式時，永遠都不要使用相對路徑，如果你的應用是在根路徑中加載的,這不會有什麼問題,但如果是在其他路徑中,AngularJS應用就無法正確處理路由了.
爲了在應用程序各處使用相對鏈接，你將需要在你文檔的<head>裏面設置一個<base>.
<!doctype html> <html> <head> <meta charset="utf-8"> <base href="/"> </head>
注：html5 history api
history.pushState(data, title [, url])：往歷史記錄堆棧頂部添加一條記錄；data會在onpopstate事件觸發時作爲參數傳遞過去；title爲頁面標題，當前所有瀏覽器都會忽略此參數；url爲頁面地址，可選，缺省爲當前頁地址。
history.replaceState(data, title [, url]) ：更改當前的歷史記錄，參數同上。
history.state：用於存儲以上方法的data數據，不同瀏覽器的讀寫權限不一樣。
瀏覽器支持情況(完整的可以通過www.caniuse.com查詢)
IE 10+, FF38+,chrome 31+,safari 7.1+, opera 30+
爲什麼要用history api?
無法使用瀏覽器的前進、後退來切換前後數據。
當我們將瀏覽器地址欄中的鏈接與朋友分享時，可能實際上卻並非我們期望的內容。
單純地使用AJAX不利於搜索引擎優化。
參考鏈接：http://diveintohtml5.info/history.html
http://www.clanfei.com/2012/09/1646.html
https://docs.angularjs.org/api/ng/provider/$locationProvider
https://scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag