单页应用只有一个页面,视图的变化通常是通过路由(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 抓取:网站站长和开发人员指南1):
因为复杂的单页架构页面,对Google来说抓取比较困难,于是给开发者制定一个规范:
如果您觉得 URL中的哈希(#号) 这篇文章对您有用,请分享给您的好友,谢谢
文章地址:https://www.tianxianmao.com/article/seo/URLzdhxh.html
文章地址:https://www.tianxianmao.com/article/seo/URLzdhxh.html
分类列表
换一批
精品推荐
SEO软件排行榜
推荐文章