HTML5 ile artık yavaş bir çok şeyi temelden de öte öğrendik. Şimdi ise artık internet sitemize ekleyeceğimiz dosyalarınızı nasıl ve klasör yoluna göre çekeceğinizi bilmektir. İnternet sitemize bir çok farklı dosya ekleyebilir ve doğal olarak bunlarda farklı klasörlerde olabilir.
Böylesine bir karmaşadan çıkmak için ise internet sitenize dosya yolunun en iyi şekilde ifade edebilmek için ise sizlere böyle bir bilgilendirici paylaşım yapma ihtiyacı duydum. HTML dosya yolu işlemi evet gerçekten çok basit olmasına rağmen dikkatli bir düzeyde öğrenilmediği zaman ise karıştırılmaktadır.
HTML Dosya Yolları
HTML de bir yerden bir bir şey çekip o sayfada göstermek için daha doğrusu “src” etiketine gireceğimiz dosya yolu artık internet sitenizi yayına almaya başlayacağınız da çok işinize yarayacaktır. Bu sayede klasörlere ayırma işlemini başarı ile gerçekleştirebilir ve bu sayede eklemiş olduğunuz bütün HTML dosya yolları çalışacaktır.
<img src = "resim.jpg"> // resim.jpg, geçerli sayfa ile aynı klasörde bulunur <img src = "resimler/resim.jpg"> // resim.jpg, geçerli klasördeki resimler klasöründe bulunur <img src = "/resimler/resim.jpg"> // resim.jpg, mevcut webin kökündeki resimer klasöründe bulunur <img src = "siteadı.com/resim.jpg"> //resim dışarıda ki bir siteden çağırılır
Yukarıda yer alan şekilde ister img etiketi isterseniz de internet sitenize başka bir dosyayı çağırın klasörlere ayırma işlemini iyi yapmanız ve ona göre dosya yolu yazıp çağırmanız o sayfada en az hata ile karşılaşmanıza fayda sağlayacaktır.
Evet gerçekten çok basit bir konu ama önemli olan bu mantığı anlayabilmek ve çözmek olacaktır. Zaten bunu çözme işlemini gerçekleştirdikten sonrasında ekleyeceğiniz JavaScript, CSS kodlarını bu yöntem sayesinde farklı klasörler içerisinden doğru dürüst bir biçimde çağırma işlemini gerçekleştirebilirsiniz.