File Paths in HTML website ke folder structure me kisi file ki location batate hain. File paths ka use external files ko link ya access karne ke liye hota hai.
File paths commonly in cheezon ko link karne ke liye use hote hain:
-
Web pages
-
Images
-
Style sheets (CSS)
-
JavaScript files
File Path Examples
File Paths in HTML different tarikon se files ki location show karte hain.
| Path | Description |
|---|---|
<img src="photo.jpg"> |
“photo.jpg” current page ke same folder me hai |
<img src="assets/photo.jpg"> |
“photo.jpg” assets folder me hai jo current folder ke andar hai |
<img src="/assets/photo.jpg"> |
“photo.jpg” root folder ke assets folder me hai |
<img src="../photo.jpg"> |
“photo.jpg” current folder se ek level upar wale folder me hai |
Example:
Yahaan image current folder se load ho rahi hai.
Absolute File Paths
File Paths in HTML me absolute file path ek complete URL hota hai jo file ki exact internet location batata hai.
Example:
Yahaan browser direct internet location se image load karega.
Relative File Paths
File Paths in HTML me relative file path current web page ke respect me file ki location batata hai.
Example – Root folder ke andar images folder
Example – Ek level upar wale folder ke andar images folder
Relative paths me file ki location current file ke folder structure par depend karti hai.
Best Practice
File Paths in HTML use karte waqt best practice yeh hai ki possible ho to relative file paths use karein.
Advantages:
-
Web pages kisi ek fixed base URL par depend nahi karti
-
Links localhost par bhi kaam karte hain
-
Public domain par bhi same tarah work karte hain
-
Future me agar domain change ho jaye to bhi website smoothly kaam karti hai
Is tarah File Paths in HTML website ke folder structure me files ki exact location define karte hain, jisse images, stylesheets, JavaScript files aur dusre resources ko web pages me easily link aur access kiya ja sakta hai.
