Who the hell are you URL

前言

URL（統一資源定位符，英語：Uniform Resource Locator），俗稱網址，簡單來說就是網頁的地址。雖然這個名詞對大家來說已不陌生，但其中的內容、編排、結構等背後意涵，你們真的知道嗎？

URL 的結構其實並不那麼單純，它包含了很多資訊。雖然我們通常以「網址」稱之，但其實還有很多值得深入探討的地方，希望透過這篇文章能讓大家更了解它。btw，這是冷知識嗎 :)

Fun fact

做個實驗，開啟 Terminal，輸入 netstat，就可以看到你電腦目前的上網狀態。

麻瓜解釋

完整介紹URL網址的意思：

網址組成會包含以下

此為範例

https://subdomain.example.com:8080/products/view?id=1234#reviews

範例解釋

Protocol 協議

• 定義：允許兩個或多個終端在傳輸系統中傳播資訊的標準，也指電腦通訊或網路裝置的共同語言。
• 作用：在網際網路中，即便電腦使用不同的軟硬體，協議確保它們彼此溝通。
• 範例：http、https

Colon 冒號

• 作用：分隔協議與後續內容。
• 範例：:

Double Slash 雙斜線

• 作用：指示後方為主機名或網域部分，常見於網頁 URL。
• 範例：//

Subdomain 子網域

• 定義：主網域的延伸，可用不同名稱區分功能，但仍屬於同一網站。
• 作用：表達網站作用，如購物網 shop、部落格 blog，亦有助於 SEO。
• 範例：
  • subdomain
  • www

Domain 網域

• 定義：網站的主要名稱，通常包含主域和頂級域名。
• 作用：標識電腦在資料傳輸中的電子位置。
• 範例：example

Top-Level Domain 頂級網域TLD

• 定義：網域名稱最後部分，表示域名的類型或所屬國家。
• 作用：區分網站類型或地區。
• 範例：
  • 網站性質：
    • .com：商業用途
    • .org：組織機構
    • .edu：教育機構
  • 網站地區：
    • .tw
    • .jp
    • .uk

Port 埠

• 定義：指定伺服器上處理請求的應用或服務。默認端口隱藏，非標準端口顯示。
• 作用：伺服器針對不同網頁開設 port，以避免「塞車」，為每個網頁建立獨立通道（號碼）。
• 範例：8080

Path 路徑

• 定義：網站中具體資源的位置，通常指向文件或目錄。
• 作用：可理解為資料夾路徑。（題外話：有興趣可以查看「麵包屑」）
• 範例：products/view

Query String 查詢字串

• 定義：傳遞參數，通常用於過濾數據或傳遞額外資訊給伺服器，以 ? 開始，用 & 分隔多個參數。
• 作用：如點餐時說「加奶不加糖」的細節，網址即咖啡店名，而查詢字串是額外需求。
• 範例：?id=1234&sort=asc

Fragment 片段標示符

• 定義：引導使用者至頁面內特定位置，通常用於跳轉至特定區域。
• 範例：
  • #section3：指向網頁的第 3 段
  • #reviews：指向產品評論部分

歷史

[翻譯] URL 的歷史
The History of the URL

後記

URL 的世界可說是非常深奧(大坑)，討論範圍之廣，幾乎可寫成論文。不過今天的篇幅有限，就先點到為止。若有任何疑問，歡迎與我討論，或參考下方的連結。

日後我計畫建立個人部落格，因為這議題實在太有趣了，希望在未來帶來更多有趣的知識，敬請期待！

參考

tcp/ip-CLOSE-WAIT、TIME-WAIT 、LISTENING、SYN_SENT、ESTABLISHED等狀態說明- zhenjingcool - 部落格園
三分鐘網路基礎，什麼是IP、Port/連接埠？ - BC - Medium
[第六週] 網路基礎 — TCP/ IP. 學習目標：粗淺了解 TCP/ IP | by MiaHsu | Medium
講解 URL 網址結構與分享幾個相對路徑與絕對路徑的開發技巧 | The Will Will Web
什麼是次網域？什麼是子網域？次網域、子網域、網域有什麼不同？
什麼是頂層網域？ | Cloudflare
[.NET] QueryString 的那些事 ~ m@rcus 學習筆記