單頁應用只有一個頁面,視圖的變化通常是通過路由(route)來驅動,首先,我們先來談一談單頁應用的URL中的#號,很多采用單元結構網站的URL都出現了這個符號。
#號在瀏覽器的URL中是一個錨點,在當前頁改變#號的參數,頁面會跳轉到錨點所在的位置,通過JavaScript我們可以獲取到#號后的參數:
1
2
location.hash // 獲取URL hash
location.hash = "#list" //改變URL hash
改變#號后的參數,頁面并不會重載,于是大多數的單頁架構網站,都在URL中采用#號來作為當前視圖的URL地址,例如:
單頁面網站自動生成助手1
2
3
SEO單網頁網站生成器example.com/#index //首頁視圖
單網頁生成工具 example.com/#list //列表頁視圖
example.com/#list/1 //id為1的列表信息的視圖
單頁面網站自動生成助手Backbone.js就是通過改變#號參數來組織視圖SEO單網頁網站生成器,這里有一個demo可以很直觀的體驗URL的變化。
看過這個demo,你或許會發現很熟悉的符號#!,Twitter曾在URL使用這個標識。這個標識是Google提出(AJAX 抓?。壕W站站長和開發人員指南1):
因為復雜的單頁架構頁面,對Google來說抓取比較困難,于是給開發者制定一個規范:
如果您覺得 URL中的哈希(#號) 這篇文章對您有用,請分享給您的好友,謝謝
文章地址:http://www.meyanliao.com/article/seo/URLzdhxh.html
文章地址:http://www.meyanliao.com/article/seo/URLzdhxh.html