![[DEV]AB](/data/avatars/s/2135/2135420.jpg?1657747839){kind=avatar}
Türkiye'de ilk Mobil & PC Aynı Anda Metin2 Oyna. Triarchonline kalıcı ve uzun ömürlü yapısı ile 24 Temmuz'da açılıyor. | 1-99 Mobil Metin2 Triarch HEMEN TIKLA!
Web siteleri, resimler ve stil sayfaları gibi sayfalara ve kaynaklara işaret eden bir dizi bağlantıyla oluşturulur. Bu kaynaklara bağlanan URL'yi belirlemenin iki yolu vardır : mutlak yol veya göreceli yol kullanın.
Mutlak yol, belirli bir hedefi ifade eder, tipik olarak etki alanı adıyla (HTTP ile birlikte)
Tipik bir göreceli yol aşağıdaki gibi görünür:
[CODE title="kod"]<img src="/assets/img/image.png" alt="">[/CODE]
Örneğin, web sitenizin etki alanı ise, hongkiat.comgörüntü yolu olarak çözülür hongkiat.com/assets/img/image.png. Bir süredir web sitesi geliştiriyorsanız bunu anlamalısınız.
Ama çoğunuz muhtemelen <base>unsuru duymamışsınızdır . Bu HTML etiketi, HTML4'ten beri kullanılmaktadır, ancak uygulamada çok az şey görülüyor. W3C bu öğeyi şu şekilde tanımlar :
"Temel öğe, yazarların göreli URL'leri çözmek amacıyla belge temel URL'sini ve aşağıdaki köprülerin amaçları için varsayılan göz atma bağlamının adını belirtmelerine olanak tanır ."
Bu <base>öğe, temel olarak web sayfalarındaki göreli yol için temel URL'ye karar verir. Web sitenizin kök konumuna veya etki alanına bağlı olmak yerine, başka bir yere işaret edebilirsiniz, örneğin kaynaklarınızın CDN'de (İçerik Dağıtım Ağı) bulunduğu URL gibi. Bunun gerçekte nasıl çalıştığını görelim.
Mutlak yol, belirli bir hedefi ifade eder, tipik olarak etki alanı adıyla (HTTP ile birlikte)
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
. Göreli yol ise tam tersidir: bağlantı hedefi kök konumuna veya çoğu durumda web sitenizin etki alanı adına bağlıdır.Tipik bir göreceli yol aşağıdaki gibi görünür:
[CODE title="kod"]<img src="/assets/img/image.png" alt="">[/CODE]
Örneğin, web sitenizin etki alanı ise, hongkiat.comgörüntü yolu olarak çözülür hongkiat.com/assets/img/image.png. Bir süredir web sitesi geliştiriyorsanız bunu anlamalısınız.
Ama çoğunuz muhtemelen <base>unsuru duymamışsınızdır . Bu HTML etiketi, HTML4'ten beri kullanılmaktadır, ancak uygulamada çok az şey görülüyor. W3C bu öğeyi şu şekilde tanımlar :
"Temel öğe, yazarların göreli URL'leri çözmek amacıyla belge temel URL'sini ve aşağıdaki köprülerin amaçları için varsayılan göz atma bağlamının adını belirtmelerine olanak tanır ."
Bu <base>öğe, temel olarak web sayfalarındaki göreli yol için temel URL'ye karar verir. Web sitenizin kök konumuna veya etki alanına bağlı olmak yerine, başka bir yere işaret edebilirsiniz, örneğin kaynaklarınızın CDN'de (İçerik Dağıtım Ağı) bulunduğu URL gibi. Bunun gerçekte nasıl çalıştığını görelim.
Temel Öğeyi Kullanma
, İçindeki ve etiketlerinin <base>yanında tanımlanır . Aşağıdaki örnek göz önüne alındığında, temel URL'yi Google olarak belirledik.<meta><link><head>
[CODE title="kod2"]<base href="http://hongkiat.maxcdn.com/assets/">
[/CODE]
Bu belirtim, hreföznitelik ve srcgörüntülerin özniteliğinde belirtilenler dahil olmak üzere belgedeki tüm yolları etkileyecektir . Dolayısıyla, aşağıdaki gibi göreli bir yola sahip belge kümesinde bir stil sayfamız, resimlerimiz ve bağlantılarımız olduğunu varsayarsak, örneğin:
[CODE title="kod3"]<link rel="stylesheet" href="path/main.css">
<a href="path/page/sub-page/">Anchor Link</a>
<img src="path/image.jpg">[/CODE]
Web sayfamız demo.hongkiat.comgöreceli yolun altında olmasına rağmen hongkiat.maxcdn.com, <base>etikette belirtilen temel yolu izlemeye başvuracaktır . Bağlantının üzerine gelmeyi deneyin, tarayıcı size yolun tam olarak nereye gittiğini gösterecektir.
Tüm göreli yollar sonunda şöyle olacaktır:
[CODE title="kod4"]<link rel="stylesheet" href="http://hongkiat.maxcdn.com/assets/path/main.css">
<a href="http://hongkiat.maxcdn.com/assets/path/page/sub-page/">Anchor Link</a>
<img src="http://hongkiat.maxcdn.com/assets/path/image.jpg">
[/CODE]
[CODE title="kod2"]<base href="http://hongkiat.maxcdn.com/assets/">
[/CODE]
Bu belirtim, hreföznitelik ve srcgörüntülerin özniteliğinde belirtilenler dahil olmak üzere belgedeki tüm yolları etkileyecektir . Dolayısıyla, aşağıdaki gibi göreli bir yola sahip belge kümesinde bir stil sayfamız, resimlerimiz ve bağlantılarımız olduğunu varsayarsak, örneğin:
[CODE title="kod3"]<link rel="stylesheet" href="path/main.css">
<a href="path/page/sub-page/">Anchor Link</a>
<img src="path/image.jpg">[/CODE]
Web sayfamız demo.hongkiat.comgöreceli yolun altında olmasına rağmen hongkiat.maxcdn.com, <base>etikette belirtilen temel yolu izlemeye başvuracaktır . Bağlantının üzerine gelmeyi deneyin, tarayıcı size yolun tam olarak nereye gittiğini gösterecektir.
Tüm göreli yollar sonunda şöyle olacaktır:
[CODE title="kod4"]<link rel="stylesheet" href="http://hongkiat.maxcdn.com/assets/path/main.css">
<a href="http://hongkiat.maxcdn.com/assets/path/page/sub-page/">Anchor Link</a>
<img src="http://hongkiat.maxcdn.com/assets/path/image.jpg">
[/CODE]
Varsayılan Bağlantı hedefini ayarlama
<base>Etiket , temel URL'yi tanımlamanın yanı sıra , targetözellik aracılığıyla varsayılan bağlantı hedefini de ayarlayabilir . Eğer belgedeki tüm bağlantı açmak istiyoruz Say tarayıcı yeni sekmede , set targetile _blanköylesine gibi.
[CODE title="kod5"]<base href="http://hongkiat.maxcdn.com/assets/" target="_blank">[/CODE]
[CODE title="kod5"]<base href="http://hongkiat.maxcdn.com/assets/" target="_blank">[/CODE]
Sınırlamalar
Ancak <base>etiket, bazı durumlarda birkaç uyarı içerir:
İlk olarak, <base>tarayıcı desteği harika; IE6'da çalışır. Ancak, IE6 bir kapanış etiketi gerektirdiğini düşünüyor </base>. Bu, kapanış etiketi belirtilmeden bırakılırsa, belgede bir hiyerarşi sorununa neden olabilir. Bu sorunu çözmenin basit ve hızlı bir yolu, </base>bir yorumun içine kapanış eklemektir <!--[if lte IE 6]></base><![endif]-->.
Belgedeki bölümlere #bağlantı ile birlikte kullanıyorsanız , <base>Internet Explorer 9'da potansiyel olarak bir sorunla karşılaşabilirsiniz. Belirtilen bölüme atlamak yerine, Internet Explorer 9 sayfayı yeniden yükleyecektir.
Ayrıca, boşluk href, sayfanın bulunduğu geçerli dizine bağlanmak yerine temel URL ile sonuçlanacaktır (bu, varsayılan tarayıcı davranışıdır) ve bu da beklenmedik başvuru sorunlarına neden olabilir.
İlk olarak, <base>tarayıcı desteği harika; IE6'da çalışır. Ancak, IE6 bir kapanış etiketi gerektirdiğini düşünüyor </base>. Bu, kapanış etiketi belirtilmeden bırakılırsa, belgede bir hiyerarşi sorununa neden olabilir. Bu sorunu çözmenin basit ve hızlı bir yolu, </base>bir yorumun içine kapanış eklemektir <!--[if lte IE 6]></base><![endif]-->.
Belgedeki bölümlere #bağlantı ile birlikte kullanıyorsanız , <base>Internet Explorer 9'da potansiyel olarak bir sorunla karşılaşabilirsiniz. Belirtilen bölüme atlamak yerine, Internet Explorer 9 sayfayı yeniden yükleyecektir.
Ayrıca, boşluk href, sayfanın bulunduğu geçerli dizine bağlanmak yerine temel URL ile sonuçlanacaktır (bu, varsayılan tarayıcı davranışıdır) ve bu da beklenmedik başvuru sorunlarına neden olabilir.
Sarmak
Bu <base>, bir web belgesindeki bağlantı referansını basitleştirebilen kullanışlı bir HTML özelliğidir. Tuzakları en aza indirmek için etiketi dikkatli kullanın.
Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)
Benzer konular
