返回顶部
关闭软件导航
位置:首页 > 资讯 > SEO优化>URL中的哈希(#号)

  单页应用只有一个页面,视图的变化通常是通过路由(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