Файлын зам нь веб сайтын хавтасны бүтэц дэх файлын байршлыг тодорхойлдог.
Файлын замын жишээнүүд #
| Зам | Тайлбар |
<img src="picture.jpg"> | “picture.jpg” файл нь одоогийн хуудастай ижил хавтсанд байрлаж байна |
<img src="images/picture.jpg"> | “picture.jpg” файл нь одоогийн хавтас доторх images хавтсанд байрлаж байна |
<img src="/images/picture.jpg"> | “picture.jpg” файл нь одоогийн вебийн үндсэн (root) хавтас дахь images хавтсанд байрлаж байна |
<img src="../picture.jpg"> | “picture.jpg” файл нь одоогийн хавтаснаас нэг түвшин дээш хавтсанд байрлаж байна |
Export to Sheets
HTML Файлын Замууд #
Файлын зам нь веб сайтын хавтасны бүтэц дэх файлын байршлыг тодорхойлдог.
Файлын замыг дараах зүйлс гэх мэт гадны файлууд руу холбоход ашигладаг:
- Веб хуудсууд
- Зургууд
- Загварын хуудсууд (Style sheets)
- JavaScript-үүд
Абсолют (Үнэмлэхүй) Файлын Замууд #
Абсолют файлын зам нь файлын бүрэн URL хаяг юм:
Жишээ
HTML
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">
<img> шошгыг HTML Зургууд бүлэгт тайлбарласан болно.
Харьцангуй Файлын Замууд #
Харьцангуй файлын зам нь одоогийн хуудастай харьцуулахад файл руу заадаг.
Дараах жишээнд, файлын зам нь одоогийн веб сайтын үндсэн (root) хэсэгт байрлах images хавтас дахь файл руу зааж байна:
Жишээ
HTML
<img src="/images/picture.jpg" alt="Mountain">
Дараах жишээнд, файлын зам нь одоогийн хавтас дотор байрлах images хавтас дахь файл руу зааж байна:
Жишээ
HTML
<img src="images/picture.jpg" alt="Mountain">
Дараах жишээнд, файлын зам нь одоогийн хавтаснаас нэг түвшин дээш хавтсанд байрлах images хавтас дахь файл руу зааж байна:
Жишээ
HTML
<img src="../images/picture.jpg" alt="Mountain">
Шилдэг Туршлага #
Харьцангуй файлын замыг ашиглах нь (боломжтой бол) хамгийн сайн туршлага юм.
Харьцангуй файлын замыг ашиглах үед таны веб хуудас одоогийн үндсэн URL-д уягдахгүй. Бүх холбоосууд нь таны өөрийн компьютер (localhost) дээр болон одоогийн нийтийн домэйн, ирээдүйн нийтийн домэйн дээр ч ажиллах болно.