Lesson 3 / الدرس 3

The URL and its parts / العنوان وأجزاؤه

An address is not one thing. It is six, and each is read by a different part of the journey — one by the browser, one by DNS, one by the server, and one that never leaves your machine at all.

العنوان ليس شيئًا واحدًا. بل ستة، ويقرأ كل واحدًا منها جزء مختلف من الرحلة — واحد للمتصفح، وواحد لـ DNS، وواحد للخادم، وواحد لا يغادر جهازك إطلاقًا.

The first step of the journey is the browser reading what you typed. A full address — a URL — is a small structured sentence, and each part is an instruction to a different participant. Learning the parts is what lets you read an address and predict what will happen.

The six parts

https://training.gt4it.com:443/lesson/web/the-url?page=2#parts
└─┬─┘   └───────┬────────┘ └┬┘└────────┬───────┘└──┬──┘└─┬─┘
  │             │           │          │           │     └ fragment
  │             │           │          │           └────── query
  │             │           │          └────────────────── path
  │             │           └───────────────────────────── port
  │             └───────────────────────────────────────── host
  └─────────────────────────────────────────────────────── scheme

Six parts. Two of them you usually never type: the port has a default (443 for https, 80 for http), and the fragment is optional.

ستة أجزاء. اثنان منها لا تكتبهما عادةً: فالمنفذ له قيمة افتراضية (443 لـ https و80 لـ http)، والجزء الأخير اختياري.

Scheme — which protocol to speak. https means "HTTP, encrypted". Read by the browser.
Host — which machine. This is the only part DNS ever sees.
Port — which door on that machine. Defaulted, so rarely typed.
Path — what you want from that machine. Sent to the server.
Query — extra named values after a ?, joined by &. Also sent to the server.
Fragment — everything after #. Handled entirely by the browser and never sent anywhere.

What is sent, and what is not

<a href="/lesson/web/dns">a path on this host</a>
<a href="?page=2">the same page, a different query</a>
<a href="#bottom">a fragment — no request at all</a>

The third link is the interesting one. Clicking it sends nothing to any server: the browser simply scrolls. That is why the anchors lesson in the HTML course worked without a round trip, and why a fragment can never be read by the site you are visiting.

والاستعلام مرئي — في شريط العنوان، وفي سجل التصفح، وفي سجلات الخادم، وفي ترويسة Referer المرسلة إلى الموقع التالي الذي تزوره. فلا تضع فيه أبدًا كلمة مرور أو رمزًا أو أي شيء خاص. وهذا أحد أسباب استخدام نموذج الدخول لـ POST، وهو ما يعود إليه الدرس 10.

وبعض المحارف لا تستطيع السفر في URL كما هي — كالمسافة، أو & داخل قيمة، أو أي حرف عربي. فتُرمَّز بالنسبة المئوية: تصبح المسافة %20، وتصبح عربي سلسلة من %D8…. والمتصفح يفعل ذلك عنك؛ ولا تستحق معرفته إلا ليكفّ شريط العنوان عن أن يبدو معطوبًا.

Part	Read by	Sent to the server?
scheme	The browser	No — it decides how to connect
host	DNS, then the connection	Yes, as the Host header
port	The connection	No
path	The server	Yes
query	The server	Yes — and it is logged
fragment	The browser only	Never

Who reads what. The last row is the one people get wrong.

Try it live / جرّب بنفسك

<h1>Reading an address</h1>

<pre>https://example.com/search?q=dates&amp;page=2</pre>

<ul>
    <li><strong>scheme</strong> — https — read by the browser</li>
    <li>…</li>
</ul>

Preview / المعاينة

Check yourself / اختبر نفسك

1. Which part of a URL is never sent to the server?

2. Why should a password never go in the query string?

3. In https://example.com/shop?id=7, which part does DNS look up?

في https://example.com/shop?id=7، أي جزء يبحث عنه DNS؟

Your task / مهمتك

Take a long URL from a site you use — a search result or a product page — and break it into its parts on a page, labelling each one and saying who reads it. Then write one sentence on what the query values appear to mean.

خذ عنوانًا طويلًا من موقع تستخدمه — نتيجة بحث أو صفحة منتج — وقسّمه إلى أجزائه في صفحة، وسمِّ كل جزء وقل من يقرؤه. ثم اكتب جملة واحدة عمّا يبدو أن قيم الاستعلام تعنيه.

Every part present in the URL is labelled كل جزء موجود في العنوان مسمّى
Each label says who reads that part كل تسمية تقول من يقرأ ذلك الجزء
A sentence explains what the query values seem to do جملة تشرح ما يبدو أن قيم الاستعلام تفعله