HTML Elemanı ile Belge Tabanı URL'sini Belirleme

Web siteleri, resimler ve stil sayfaları gibi sayfalara ve kaynaklara işaret eden bir dizi bağlantıyla oluşturulur. İki yolu vardır bu kaynaklara bağlanan URL’yi belirtin: ya mutlak bir yol ya da göreceli bir yol kullanın.

Mutlak yol, belirli bir hedefe atıfta bulunur, tipik olarak etki alanı adıyla başlar (HTTP ile birlikte) www.domain.com/destination/source.jpg. Göreceli yol tam tersidir: bağlantı hedefi kök konuma veya çoğu durumda web sitenizin etki alanı adına bağlıdır..

Tipik bir göreceli yol aşağıdaki gibi olacaktır:

Örneğin, web sitenizin etki alanı, hongkiat.com resim yolu çözülecek hongkiat.comimages_2 / belirterek-belge-baz-url-ile-html-baz-element.png. Bir süredir web sitesi geliştiriyorsanız bunu anlamalısınız..

Ama çoğunuz muhtemelen duymadım öğesi. Bu HTML etiketi, HTML4'ten bu yana olmuştur, ancak vahşi ortamda uygulanmasının çok az görülmesi. W3C bu elemanı şöyle tanımlar:

“Temel öğe, yazarların belirlemesini sağlar belge tabanı URL'si Göreli URL’leri ve varsayılan tarama içeriği köprüleri takip etmek amacıyla.”

Bu eleman temel olarak web sayfalarındaki göreceli yol için temel URL'ye karar verir. Kök konumuna veya web sitenizin etki alanına bağlı kalmak yerine, kaynaklarınızın CDN’de (URL, İçerik Dağıtım Ağı) bulunduğu URL gibi, başka bir yere işaret edebilirsiniz. Bunun gerçekten nasıl çalıştığını görelim.

Baz Elemanı Kullanma

kenarı boyunca tanımlanır ve içindeki etiketler . Aşağıdaki örnekte, temel URL’yi Google’a ayarladık..

Bu özellik, içinde belirtilenler de dahil olmak üzere, belgedeki tüm yolları etkiler. href özellik ve src görüntülerin. Öyleyse, belgedeki stil sayfasına, resimlere ve linklere sahip olduğumuzu farz edelim, örneğin:

  Çapa Bağlantısı

Web sayfamızın altında olmasına rağmen demo.hongkiat.com göreceli yol hongkiat.maxcdn.com, belirtilen ana yolun ardından etiket. Bağlantıya göz atmayı deneyin; tarayıcı size yolun tam olarak nereye gittiğini gösterir.

Göreceli olarak tüm yollar sonunda olacaktır:

  Çapa Bağlantısı

Varsayılan Bağlantı hedefini ayarlama

Temel URL’yi tanımlamanın dışında, etiketi ayrıca varsayılan bağlantı hedefini hedef bağlıyor. Belgedeki tüm bağlantıların açılmasını istediğinizi söyleyin tarayıcıda yeni sekmede, yı kur hedef ile _boş, öyle.

Sınırlamalar

Bununla birlikte, etiket bazı durumlarda birkaç uyarıda bulunur:

İlk önce tarayıcı desteği harika; IE6'da çalışır. Ancak, IE6 bir kapanış etiketi gerektirdiğini düşünüyor . Bu, kapanış etiketi belirtilmemişse belgede hiyerarşi sorununa neden olabilir. Bu sorunu çözmenin basit ve hızlı bir yolu da yorum içinde kapanış, .

Kullanıyorsanız # Ile bağlantılı olarak Belge içindeki bölümlere bağlantı vermek için, Internet Explorer 9’da bir sorunla karşılaşabilirsiniz. Belirtilen bölüme atlamak yerine, Internet Explorer 9 sayfayı yeniden yükleyecektir..

Ayrıca, boş href Beklenmeyen referans sorunlarına neden olabilecek, sayfanın bulunduğu geçerli dizine bağlanmak yerine temel URL ile sonuçlanır (bu varsayılan tarayıcı davranışıdır)..

Sarmak

bir web belgesinde bağlantı referansını basitleştirebilen kullanışlı bir HTML özelliğidir. Tehlikeleri en aza indirmek için etiketi dikkatlice kullanın. Daha fazla bilgi için aşağıdaki bu referansı izleyin etiket:

Mutlak ve Göreli URL'ler - MSDN
HTML Temel Öğesi - W3C