HTML fayl yo‘llari
Fayl yo‘li veb-sayt papkalar tuzilmasidagi fayl joylashuvini tavsiflaydi.
Fayl yo‘li misollari
| Path | Tavsif |
|---|---|
| <img src="picture.jpg"> | "picture.jpg" fayli joriy sahifa bilan bir xil papkada joylashgan |
| <img src="images/picture.jpg"> | "picture.jpg" fayli joriy papkadagi images papkasida joylashgan |
| <img src="/images/picture.jpg"> | "picture.jpg" fayli joriy vebning ildizidagi images papkasida joylashgan |
| <img src="../picture.jpg"> | "picture.jpg" fayli joriy papkadan bir daraja yuqoridagi papkada joylashgan |
HTML fayl yo‘llari
Fayl yo‘li veb-sayt papkalar tuzilmasidagi fayl joylashuvini tavsiflaydi.
Fayl yo‘llari tashqi fayllarga havola qilishda ishlatiladi, masalan:
- Veb-sahifalar
- Rasmlar
- Uslublar jadvallari (CSS)
- JavaScriptlar
Absolyut fayl yo‘llari
Absolyut fayl yo‘li — faylga to‘liq URL:
Misol
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">
<img> tegi HTML rasmlar bobida tushuntirilgan.
Relyativ fayl yo‘llari
Nisbiy fayl yo‘li joriy sahifaga nisbatan faylga ishora qiladi.
Quyidagi misolda fayl yo‘li joriy veb-sayt ildizida joylashgan images papkasidagi faylga ishora qiladi:
Quyidagi misolda fayl yo‘li joriy papkada joylashgan images papkasidagi faylga ishora qiladi:
Quyidagi misolda fayl yo‘li joriy papkadan bir daraja yuqoridagi papkada joylashgan images papkasidagi faylga ishora qiladi:
Eng yaxshi amaliyot
(Imkon bo‘lsa) nisbiy fayl yo‘llaridan foydalanish eng yaxshi amaliyot hisoblanadi.
Nisbiy fayl yo‘llaridan foydalanilganda, veb-sahifalaringiz joriy bazaviy URL’ga bog‘lanmaydi. Barcha havolalar sizning kompyuteringizda (localhost) ham, joriy va kelajakdagi ommaviy domeningizda ham ishlaydi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!