HTML Dosya Yolları
HTML Dosya Yolları
PathAçı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

“HTML Dosya Yolu Yapısı!” için 4 cevap

  1. Cihan Akaş dedi ki:

    Teşekkürler hocam.

  2. Emrah dedi ki:

    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.

    • İbrahim Bozkurt dedi ki:

      Tema düzenleme bölümünden yapabilirsiniz. Biraz kod bilgisine sahipseniz tema dosyaları arasından menüleri bulabilir ve düzenleyebilirsiniz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir