HTML Dosya Yolu Yapısı!

#HTML

html dosya yolları ile istediğiniz bir web sitesinden yada kendi web dizininizden istediğiniz klasördeki dosyaları istediğiniz alanda çağırabilirsiniz.

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 …


Bir cevap yazın

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

İçerik Metası
İbrahim Bozkurt //