HTML Dosya Yolları Hakkın'da Bilgiler
Dosya yolu, bir web sitesinin klasör yapısındaki bir dosyanın konumunu tanımlar.
Dosya Yolu Örnekleri
Yol | Tanım |
|---|
<img src="picture.jpg"> | "Picture.jpg" dosyası, geçerli sayfayla aynı klasörde bulunur |
<img src="images/picture.jpg"> | "Picture.jpg" dosyası, geçerli klasördeki resimler klasöründe bulunur. |
<img src="/images/picture.jpg"> | "Picture.jpg" dosyası, geçerli web'in kökündeki resimler klasöründe bulunur. |
<img src="../picture.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.
İnternet Sayfaları
Görüntüler
Stil Sayfaları
JavaScript'ler
Mutlak Dosya Yolları
Mutlak dosya yolu, bir dosyanın tam URL'sidir
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
[CODE title="Örnek"]<img src="/images/picture.jpg" alt="TurkMmo">[/CODE]
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
[CODE title="Örnek"]<img src="../images/picture.jpg" alt="TurkMmo">[/CODE]
En iyi pratik
Göreli dosya yollarını 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.