HTML Dosya Yolu Yapısı!

Path | Açıklama |
---|---|
<img src=”picture.jpg”> | picture.jpg, geçerli sayfayla aynı klasörde bulunur. |
<img src=”images/picture.jpg”> | picture.jpg geçerli klasördeki images klasöründe bulunur. |
<img src=”/images/picture.jpg”> | picture.jpg, geçerli web’in kök dizinindeki images klasöründe bulunur. |
<img src=”../picture.jpg”> | picture.jpg, klasörde, geçerli klasörden bir seviye yukarıda bulunur. |
HTML Dosya Yolları
Bir dosya yolu, bir web sitesinin klasör yapısındaki bir dosyanın konumunu açıklar.
Dosya yolları aşağıdaki gibi harici dosyalara bağlanırken kullanılır:
- internet sayfaları
- Görüntüler
- Stil sayfaları
- JavaScripts
Mutlak Dosya Yolları
Mutlak bir dosya yolu, bir internet dosyasının tam URL’sidir:
<img src="https://armyyazilim.com/wp-content/uploads/2019/12/Untitled-1-25.png" alt="HTML ve JavaScript İlişkisi!">
Göreceli Dosya Yolları
Göreli bir dosya yolu, geçerli sayfaya göre bir dosyayı işaret eder.
Bu örnekte, dosya yolu, geçerli web’in kök dizininde bulunan images klasöründeki bir dosyayı gösterir:
<img src="/images/picture.jpg" alt="örnek resim">
Bu örnekte, dosya yolu geçerli klasörde bulunan images klasöründeki bir dosyayı gösterir:
<img src="images/picture.jpg" alt="örnek resim">
Bu örnekte, dosya yolu, geçerli klasörün üstündeki images klasörünün içindeki dosyayı ifade eder:
<img src="../images/picture.jpg" alt="örnek resim">
En iyi pratik
Göreceli dosya yollarını kullanmak (mümkünse) en iyi yöntemdir.
Göreceli dosya yollarını kullanırken, web sayfalarınız geçerli temel URL’nize bağlı olmayacaktır.
Tüm bağlantılar kendi bilgisayarınızda (localhost) olduğu gibi mevcut kamu alanınız ve gelecekteki genel alan adlarınızda da çalışacaktır. Buda sizin sitenizde hız kazanmanıza neden olacaktır.
İlginizi çekebilir…
WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)
Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …