Link Types
🏠 Root Relative URLs — Root Se Start
href="/about" or href="/recipes/biryani"
Root relative URLs forward slash `/` se shuru hoti hain. Matlab "website ke ROOT se shuru karo." Jaise kisi ko bolo "Charminar se Hitech City jao" — Charminar reference point hai.
Tum kis page pe bhi ho, `/about` hamesha `yourdomain.com/about` pe jaayega. Browser pehle root jaata hai, phir path follow karta hai. Relative URLs se alag — woh current file location pe depend karti hain.
Hyderabad Analogy: Root relative = "Charminar se seedha right maro." Charminar starting point hai (root). Shahar mein kahan ho farq nahi padta — directions hamesha Charminar se start hoti hain.
Code Example
HTML — Root Relative URLs — Root Se Start
<!-- Root se -->
<a href="/">Home Page</a>
<a href="/about">About Us</a>
<a href="/courses/html">HTML Course</a>
<a href="/recipes/biryani">Biryani Recipe</a>
<!-- Har page pe same result -->
<!-- /courses/html/1-1 pe ho → /about jaayega domain.com/about pe -->
<!-- /blog/post-5 pe ho → /about jaayega domain.com/about pe -->/Website ka root — home page/aboutRoot → about folder/page/courses/htmlRoot → courses → html/recipes/biryaniRoot → recipes → biryani✅ When to Use
- Main navigation links jo har page pe dikhte hain
- Jab site mein deep nested folders hain
- Shared components mein links (navbar, footer)
❌ When NOT to Use
- External sites se link (absolute use karo)
- Simple single-folder sites (plain relative theek hai)
Root relative vs plain relative: `/about` hamesha root se kaam karega. `about.html` sirf tab kaam karega agar file same folder mein ho. Navbar aur footer ke liye — hamesha root relative use karo.