专栏首页技术小黑屋URL中的 # 原来是这个意思

URL中的 # 原来是这个意思

URL 是我们进行网络活动中很重要的概念,一个URL中可以包含域名,路径和参数等,

一个典型的 URL

https://www.example.com/fruits.html?from=google#apple

这其中包含了

  • 协议: https
  • 域名: www.example.com
  • 路径文件名: fruits.html
  • 参数: from=google
  • 片段: apple

#片段是什么

  • URL 中的 # 指的是一个片段
  • URL 片段 往往用来告知浏览器约定的一个滑动位置
  • 如果一个 URL 指向了一个文档,那么片段指向的就是文档的某个内容区间。

# 作用范围

  • 会被本地浏览器处理
  • 不会被服务器端接收处理

所以

  • www.example.com/fruits.html#apple
  • www.example.com/fruits.html#orange

对应的情况是

  • 对于浏览器,上面的链接指向同一文档,但是具有不同的滑动位置
  • 对于服务器,上面的链接指向同一文档,没有其他信息了。

# 还能怎么用

  • 考虑到在浏览器可以获取片段信息,我们可以利用 Javascript做一些事情
  • 网页应用可以使用片段来实现参数控制,做到不刷新页面,展示不同的内容

如下为 JavaScript获取片段的示例代码

window.location.hash

SEO 的影响

基于上面的理解,www.example.com/fruits.html#applewww.example.com/fruits.html#orange 会被搜索引擎当成一个链接。

如果不想被搜索引擎如上处理,有两种方式

  • 使用不同的网页链接如www.example.com/fruits_apple.htmlwww.example.com/fruits_orange.html
  • 使用#!,即www.example.com/fruits.html#!applewww.example.com/fruits.html#!orange 这种方式,可能只是Google 支持,其他搜索引擎待验证。

参考内容

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • RESTful 原来是这个意思呀

    超文本传输协议(英语:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议[1]。HTT...

    小土豆Yuki
  • 有意思,原来SQL中的NULL是这么回事儿

    在查询数据库时,如果你想知道一个列(例如:用户注册年限 USER_AGE)是否为 NULL,SQL 查询语句该怎么写呢?

    陈哈哈
  • 八大排序算法稳定性分析,原来稳定性是这个意思...

    2、在一趟选择中,如果当前元素比一个元素小,而该小的元素又出现在一个和当前元素相等的元素后面,那么交换后稳定性就被破坏了;

    谭庆波
  • 哥布林杀手的真名?原来精灵口中的“欧尔克博格”是这意思!职业?杀手

    导读:科技在发展,观念在改变,过年的方式也在跟着变化。不过,春节是阖家团圆的日子,这一点似乎没什么变化。

    用户4773573
  • linux 下shell中if的“-e,-d,-f”是什么意思 原

    文件表达式 -e filename 如果 filename存在,则为真 -d filename 如果 filename为目录,则为真  -f filena...

    拓荒者
  • 原来一个App是这样启动起来的,一看就懂

    当我们点击手机屏幕上的软件图标时,就可以打开这个软件,看似很简单的过程其实包含了许多的底层交互,看了还不明白,欢迎来打我。

    Android技术干货分享
  • 学计算机的男生发这个给我看是什么意思?

    今天知乎热榜上出现了一个非常有意思的话题,某个女生收到了男生的一个用Python程序打印出来的爱心,问是何意思。

    老肥码码码
  • 用户画像,原来是这么用的!看一个生活中的案例

    有同学问:到处都看到吹用户画像的,可就是没见过真正例子。今天我们来一个:利用用户画像提升交易额的实战例子。而且这个例子就发生在我们身边。陈老师上周带娃的时候刚刚...

    接地气的陈老师
  • 【揭秘】复联中的灭霸原来是这么设计出来的!

    票房屡创新高,观众好评如潮,《复联3》可谓是当下最热门的电影。作为漫威系列电影第一段的终结,迪士尼和漫威公司在这部电影上豪赌一把,76个漫威角色齐聚一堂。然而汇...

    钱塘数据

扫码关注云+社区

领取腾讯云代金券