1. 程式人生 > >URL 鏈接中 井號#、問號?、連接符& 分別有什麽作用?

URL 鏈接中 井號#、問號?、連接符& 分別有什麽作用?

通過 16px 連接 鏈接 什麽 間隔 位置 symbol 分享

在一個 URL 中可以包含很多的內容,其中不僅僅是包含 26 個英文字母,10 個羅馬數字,中文漢字,還可以擁有井號“#”、問號“?”、連接符“&”等三種最常見的符號,那麽這些符號在網站中都有哪些作用呢?

技術分享圖片

#,井號:表示網頁中的一個位置,被稱之為錨點,常用於某個網頁間不同位置的跳轉,簡單的說就是在一個網頁中,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 中常見的符號的作用,所以為了讓大家知其然並知其所以然,子凡就只好分開來寫這兩篇文章啦!

除非註明,否則均為淚雪博客原創文章,轉載請以鏈接形式標明本文地址

本文鏈接:https://zhangzifan.com/t/6928.html

URL 鏈接中 井號#、問號?、連接符& 分別有什麽作用?