If you are preparing your first website, the address bar string probably looks like one long sequence of characters. This article uses a single hypothetical URL to show what each piece does and why separating the domain name from the rest of the address matters when you plan, write, or share links.
What Question Does Each Part Answer?
Suppose you are setting up a small personal project and you write down the address https://example.org/notes/first-page?view=compact#intro. This string is entirely hypothetical and used only as a reading exercise; no such page is claimed to exist or be live. The point is to practice separating the pieces before you deal with a real address. A domain name answers the question: which server am I talking to? A full URL answers a more specific question: which exact resource on that server, under what conditions, and at what position within the document?12
Domain names are a key part of the Internet infrastructure because they provide a human-readable address for any web server available on the Internet. Computers reach each other through public IP addresses, but people find those hard to remember, so domain names exist as a friendlier layer on top. In our example, example.org is the domain name. It tells you the destination server without yet specifying which page, which view, or which section of that page you want.1
A URL, short for Uniform Resource Locator, is the address of a unique resource on the internet. It is one of the key mechanisms used by browsers to retrieve published resources such as HTML pages, CSS documents, and images. In theory, each valid URL points to a unique resource. So when you type the full hypothetical string into an address bar, you are asking for something more precise than just the server. You are naming a particular file path, requesting a particular view mode, and pointing to a particular spot inside the resulting document.2
Reading the Example Address Piece by Piece
Take the string https://example.org/notes/first-page?view=compact#intro and split it at the natural boundaries. The scheme is https, which indicates the protocol the browser must use to request the resource. The authority section follows the pattern :// and contains the domain name example.org. After the domain comes the path /notes/first-page, which represents the route to a resource on the web server. The question mark introduces the query string view=compact, and the hash sign introduces the fragment identifier intro.2
The question mark is the delimiter that tells you everything after it belongs to the query. Parameters in the query are key-value pairs that a web server can use to do extra processing before returning the resource. The hash sign works differently: it marks a position inside the resource itself rather than sending information to the server. The fragment identifier is never sent to the server with the request; it only tells the browser where to scroll or focus within the loaded document.2
Notice that the domain name example.org follows a simple structure of parts separated by dots, read from right to left. The rightmost part, org, is the top-level domain. The label example sits to its left. Together they form the host portion of the URL. Everything after the host, starting with the first slash, belongs to the path, query, or fragment rather than to the domain name itself. Keeping this boundary clear helps you avoid confusion when you later see longer addresses with subdomains or multiple path segments.13
Same Host, Different Paths and Queries
Keep example.org fixed and change only the path. Compare /notes/first-page with /notes/second-page or /archive/old-draft. Each of these points to a different resource on the same server. The host has not changed, so the destination machine is the same. What changes is which document or endpoint you are requesting. This is the core distinction: the domain name identifies the server, while the path identifies the specific resource on that server.
Now keep the path the same and change the query. The string /notes/first-page?view=compact and the string /notes/first-page?view=full both point to the same path but ask the server to present the resource differently. You are not inventing a new rule here; you are simply observing how the question mark separates the resource location from additional instructions. Whether a particular server actually honors a given parameter is up to that server's own logic, so reading the string tells you what is being requested, not necessarily what will happen.
Finally, change only the fragment. Replacing #intro with #summary or removing the fragment entirely does not alter which resource the server returns. The fragment is a local instruction to the browser about where to position the viewport after loading. This means two URLs that differ only in their fragment will load the same document but may display it scrolled to different sections. Recognizing this helps you understand why sharing a link with a fragment gives someone a direct jump to a specific passage.
Building an Address Description Card
Record the purpose of your hypothetical project in one sentence. For this exercise, you might write: a personal notes page with a compact reading view. Then write the full address https://example.org/notes/first-page?view=compact#intro on the next line. Below that, list each component on its own line: scheme is https, domain is example.org, path is /notes/first-page, query is view=compact, and fragment is intro. This card is not a technical specification; it is a plain-language note that helps you talk about the address without ambiguity.
Write a short note about why you chose each part. For instance, you might note that the path uses a descriptive word rather than a numeric ID because semantic URLs use words with inherent meaning that can be understood by anyone regardless of their technical know-how. You chose the query parameter view=compact because you want a condensed display option. The fragment intro exists so that a shared link can land the reader at the introductory section rather than the top of the page.2
Keep the card short. One or two lines per component is enough. The goal is to create a reference you can glance at when you are writing content, setting up navigation, or explaining the address to a collaborator. If your project grows, you can add more cards for other pages, but each card should remain a single-screen summary so that it stays useful rather than becoming another document you have to search through.
Verifying the Card by Hand
Once your description card is written, the next step is to check it against the actual string character by character. This is a simple manual process that catches typos, missing slashes, or misplaced question marks before they cause confusion later.
Check each boundary character in the original string. Confirm that the colon-slash-slash sequence appears exactly once, between the scheme and the domain. Confirm that the first single slash after the domain begins the path. Confirm that the question mark appears before the query and the hash sign appears before the fragment. If any of these delimiters is missing or duplicated, your card does not match the actual address.
Record any discrepancies you find directly on the card rather than in a separate note. If the path on your card reads /notes/firstpage but the actual string has a hyphen as in /notes/first-page, correct the card immediately. Small differences like a missing hyphen change the resource being requested, even though they look almost identical at a glance.
Step 1
Copy the full URL into a plain text editor so you can see every character without formatting hiding anything.
Step 2
Label each segment by inserting a line break before the scheme, before the domain, before the path, before the query, and before the fragment.
Step 3
Compare each labeled segment against the corresponding line on your description card and correct any mismatch.
Keeping the Card for Future Use
Store the verified card wherever you keep your project notes. A plain text file, a note in your writing tool, or even a sticky note on your desk all work. The format matters less than the habit of having one place where the address and its breakdown live together. When you later write documentation, compose an email to a collaborator, or troubleshoot a broken link, you can open the card instead of re-parsing the string from memory.
Decide for yourself how much detail the card needs. If your project has only one page, the card might be three lines. If you have several pages with different query parameters, you might keep one card per page or a small table listing them. The important thing is consistency: use the same component labels every time so that you or anyone else reading the card can find the path, query, and fragment without guessing what your shorthand means.
Over time, this habit builds a personal reference that reflects your own choices. You are not following a universal standard for card format; you are creating a lightweight record that matches how you think about your project. If a collaborator joins later, the card gives them the same clear breakdown you used, reducing the chance that someone misreads a query parameter as part of the path or overlooks a fragment that matters for deep linking.
Frequently asked questions
Is the fragment part of the URL sent to the server?
No. The fragment identifier, which is the part after the hash sign, is never sent to the server with the request. It only tells the browser where to scroll within the already-loaded document.2
Can two URLs with the same domain point to completely different content?
Yes. The domain name identifies the server, but the path, query, and fragment determine which specific resource and which view of that resource you get. Changing any of those parts can lead to different content even though the domain stays the same.2
Do I need to understand every possible URL format before launching a site?
No. For most personal or small project sites, knowing the scheme, domain, path, query, and fragment is sufficient. There are additional URL rules and components, but they are not relevant for regular users or web developers building fully functional sites.2
What is a Domain Name? - Learn web development | MDN. Retrieved 2026-11-01. ↩︎ ↩︎ ↩︎
What is a URL? - Learn web development | MDN. Retrieved 2026-11-01. ↩︎ ↩︎ ↩︎ ↩︎ ↩︎ ↩︎ ↩︎ ↩︎
TLD - Glossary | MDN. Retrieved 2026-11-01. ↩︎