| 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 …
HTML
Teşekkürler hocam.
Rica ederim 😊
Amacım blog sayfalarımda ana sayfa>alt sayfa>alt sayfa 2… şeklinde tıklanabilir sayfa yolunu göstermek.Sizin ”görece dosya yolu” anlatımınız amacıma uygun olsa gerek.Ancak bu gösterimin nasıl yapıldığını bulamıyorum.
Tema düzenleme bölümünden yapabilirsiniz. Biraz kod bilgisine sahipseniz tema dosyaları arasından menüleri bulabilir ve düzenleyebilirsiniz.