HTML Dosya Yolları
Dosya yolu, bir web sitesinin klasör yapısındaki bir dosyanın konumunu tanımlar.
Dosya Yolu Örnekleri
Yol | Açıklama |
---|---|
<img src="resim.jpg"> | "Picture.jpg" dosyası, geçerli sayfayla aynı klasörde bulunur |
<img src="images/resim.jpg"> | "Picture.jpg" dosyası, geçerli klasördeki resimler klasöründe bulunur. |
<img src="/images/resim.jpg"> | "Picture.jpg" dosyası, geçerli web'in kökündeki resimler klasöründe bulunur. |
<img src="../resim.jpg"> | "Picture.jpg" dosyası, geçerli klasörden bir seviye yukarı olan klasörde bulunur. |
HTML Dosya Yolları
Dosya yolu, bir web sitesinin klasör yapısındaki bir dosyanın konumunu tanımlar.
Dosya yolları, aşağıdakiler gibi harici dosyalara bağlanırken kullanılır:
- internet sayfaları
- Görüntüler
- Stil sayfaları
- JavaScript'ler
Mutlak Dosya Yolları
Mutlak dosya yolu, bir dosyanın tam URL'sidir:
Örnek
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
<img> etiketi şu bölümde açıklanmıştır: HTML Görüntüleri .
Göreli Dosya Yolları
Göreli bir dosya yolu, geçerli sayfaya göre bir dosyaya işaret eder.
Aşağıdaki örnekte, dosya yolu, geçerli web'in kökünde bulunan resimler klasöründeki bir dosyaya işaret etmektedir:
Örnek
<img src="/images/picture.jpg"
alt="Mountain">
Aşağıdaki örnekte, dosya yolu, geçerli klasörde bulunan resimler klasöründeki bir dosyaya işaret etmektedir:
Örnek
<img src="images/picture.jpg"
alt="Mountain">
Aşağıdaki örnekte, dosya yolu, geçerli klasörden bir seviye yukarı olan klasörde bulunan resimler klasöründeki bir dosyayı işaret eder:
Örnek
<img src="../images/picture.jpg"
alt="Mountain">
En iyi pratik
Göreli dosya yollarını (mümkünse) kullanmak en iyi uygulamadır.
Göreli dosya yollarını kullanırken, web sayfalarınız mevcut temel URL'nize bağlı olmayacaktır. Tüm bağlantılar kendi bilgisayarınızda (localhost) olduğu kadar mevcut genel alanınızda ve gelecekteki genel alan adlarınızda da çalışacaktır.