URL 链接中井号#、问号?、连接符& 分别有什么作用？

最新推荐文章于 2022-05-24 08:52:13 发布

肖ZE

最新推荐文章于 2022-05-24 08:52:13 发布

阅读量3.6w

点赞数 35

分类专栏：前端知识

原文链接：https://zhangzifan.com/t/6928.html

版权

前端知识专栏收录该内容

37 篇文章

订阅专栏

#，井号：表示网页中的一个位置，被称之为锚点，常用于某个网页间不同位置的跳转，简单的说就是在一个网页中，URL 不变的情况下，通过添加“#buy”的字符在 URL 最后可以跳转到当前网页中已经定义好的锚点（id=“buy”）位置；同样#的改变也会增加浏览器的历史记录，也就是说我们可以通过“后退”按钮回到上一个位置，而熟悉网页开发的朋友们可能也会用于 ajax 的一些操作中，以此来实现不同的访问状态和改变页面访问内容，从而也可以实现那种无刷新载入的效果。

例如：https://zhan.leiue.com/fanly-mip.html#buy （访问该链接就可以直接跳转到 Fanly MIP 主题页面的购买位置哦）

?，问号：常用于动态网站，实现不同的参数值而生成不同的页面或者返回不同的结果，例如 WordPress 的动态链接就是/?p=ID，其中的 p 就表示 post 文章，ID 就表示文章的 ID，从而可以通过文章的 ID 来访问不同的文章。当然我们还常用的就是通过问号+任意参数来实现页面的刷新，从而获得最新的页面或者缓存的刷新。

例如：https://i.leiue.com/avatar/?size=100 （访问该链接就可以获得泪雪用户中心默认的用户头像，并且其 size 就是图像像素大小，所以就会是一个 100px 的头像显示）

&，连接符：既然被叫做是链接符号，那就是连接的作用，也可以说是不同参数的间隔符，一般与问号结合使用，一个动态 URL 链接中以问号开始第一个参数，同&连接符来串联多个参数和值。

例如：https://i.leiue.com/avatar/?size=100&time=20171120 （还是以泪雪个人中心的头像举例，因为头像是有缓存功能的，如果用户修改了头像后，访问原来的地址可能就会存在头像未修改的情况，那么我们在保证要获得 100px 大小的头像并且要刷新缓存就可以使用连接符&多添加一个任意的参数，以此来获取最新的头像）

简单总结：本来子凡是想分享一下“URL 链接中井号#、问号?、连接符& 与 SEO 有什么关系”这么一个话题，但是发现泪雪博客之前好像没有具体的介绍过这三个在 URL 中常见的符号的作用，所以为了让大家知其然并知其所以然，子凡就只好分开来写这两篇文章啦！