當我們打開瀏覽器訪問網頁時，這些網頁當然不會憑空出現

為什麼瀏覽器會知道要顯示什麼網頁內容？

這是因為我們有告訴他：你要去哪裡獲取內容。

怎麼告訴他的？

透過瀏覽器上面的網址欄

他就像是一串詳細地址，能夠讓瀏覽器知道他要去哪裡找到你想要的資源，然後再呈現出結果給你

什麼是網址？

Uniform Resource Locator，縮寫：URL，全名為 統一資源定位符

俗稱網址 → 網頁的位址

「統一」資源定位符，指的是 規定統一格式

而從「資源定位符」字面上來解讀，就是定位資源的一串詳細地址

透過這個地址才能找到我們想要的資源

比如：https://google.com 這個地址所放的資源是 Google查詢首頁

或是 https://codingbeginner01.com 這個地址所放的資源是 新手學程式0到1網站的首頁

當訪問這些特定的網址(URL)時，就會顯示定位在該網址上的資源

網址的標準組成？

而一長串網址的統一格式如下：

[協定類型]://[伺服器位址]:[埠號]/[資源路徑]?[參數]#[區塊ID]

協定類型

協定有很多種，在網際網路中的數據互動(像是瀏覽網頁)是使用 超文本傳輸協定(HTTP) 或是 超文本傳輸安全協定(HTTPS)。

另外其他協定像是 SMTP 用在電子郵件、ftp 用在檔案傳輸、ssh 用在安全加密等等，協定有很多種，而每種協定都有他的用處。

比如：https://codingbeginner01.com/tag/beginner-must-know/

伺服器位址

這裡的伺服器是指提供服務的那台電腦主機，伺服器位址一般使用網域名稱或是IP位址。

比如：https://codingbeginner01.com/tag/beginner-must-know/

埠號

port 號，連結這個伺服器的接口，以數字表示，如果沒有特別設定port號即為預設值80，可省略不寫。

資源路徑

請求的資源路徑。

比如： https://codingbeginner01.com/tag/beginner-must-know/

伺服器後面夾帶 /tag/beginner-must-know/ 表示會去 codingbeginner01.com 這台伺服器找到 /tag/beginner-must-know/ 這個資源

參數

請求時可能會夾帶一串參數在後面。

如果你到購物網站中搜尋產品，就會發現網址後面有一串看不懂的參數，而這些參數會夾帶在 ? 後面，可以夾帶很多參數，每個參數會使用 & 隔開。

比如：https://shopee.tw/mall/search?keyword=豆干&noCorrection=true&page=0&shippingOptions=2

? 後面帶了以下參數供查詢商品：

  • keyword=豆干
  • noCorrection=true
  • page=0
  • shippingOptions=2

區塊ID

# 後面接的是該網頁的區塊ID，就像是書籤一樣可以做記號，可以在網頁中的特定位置標記ID，如果網址後面帶ID就可以快速到達那一個ID區塊。

比如：https://codcodingbeginner01.com/what-is-url/#埠號

總結

網址（URL）的組成不一定要夾帶上述所有的資訊

可依照需求而定

最後，謝謝您的閱讀支持

如果不想錯過最新資訊，歡迎訂閱電子報