Aslında başlığı seçerken tam olarak nasıl bir isim vereceğimi seçemedim normalde ingilizce karşılıkları Relative(Göreceli) ve Absolute(Kesin) olarak çevrilmektedir makalenin devamında bu tür linklerin nerede ve nasıl kullanıldıklarını görelim.
Kısmi ve Tam Link Tanımı Nedir ve Nerelerde Kullanılır
Genelde sitelerin eğer SSL sertifikası yoksa bulunduğu sayfada http://www. veya www kısmı olmadan başladığı çoğumuz biliyoruz bu şekilde başlayan linklere Absolute(Kesin) link denilmektedir şimdi bir img etiketi oluşturup Ablosute ve Relative linkli nasıl resim dosyasına erişebileceğimizi görelim.
HTML
1 2 3 4 5 | //Absolute link örneği <img rel="lightbox" src="http://www.muratoner.net/images/logo.png" /> //Relative link örneği <img rel="lightbox" src="/images/logo.png" /> |
Aynı örneği birde script etiketi tanımlayarak görelim jquery benzeri sitelerden CDN linkleri elde etmeye çalıştığınızda aşağıdaki Relative linke ulaşacaksınız.
1 | <script src="//code.jquery.com/jquery-1.11.0.min.js"> |
Üstteki jquery kütüphanesini isterseniz relative olarak tanımlayabilir isterseniz aşağıdaki gibi http:// şeklinde ön eki ekleyerekte kullanabilirsiniz.
1 | <script src="http://code.jquery.com/jquery-1.11.0.min.js"> |
Bulunduğunuz dizinin bir üstüne çıkmak için ../ şeklinde bir ibare kullanabilirsiniz bu ne gibi durumlarda işe yarar örnek olarak sayfalarınız sayfa adlı bir klasörün altında yer alıyor sayfa altındaki herhangi bir sayfaya bir üst klasörde yani sayfa klasörü ile aynı dizinde yer alan resim klasörünün içerisinde dosyaya erişmek istiyorsunuz o zaman alttaki gibi bir link yapısı oluşturmalısınız.
1 | <img rel="lightbox" src="../resim/resimadi.jpg" /> |
