Html çapa (Anchor) kullanmak, internet ortamında oluşturduğunuz makaleleri daha okunaklı hale getirmek, okuyucuyu bir önceki bölüme yönlendirmek ve içerikteki kullanıcı deneyimini arttırmak için faydalıdır. Aynı zamanda arama motorları için sayfa içi linkleme gücü sağlar. Uzun yazılarda içindekiler bölümü oluşturmak, kullanıcıyı yönlendirmek sitenin yapısını güçlendirecektir. O nedenle yazılarınızda çapa kullanmaya özen gösterin.
Çapa (Anchor) Nedir?
HTML'de "anchor" ya da Türkçe karşılığıyla "çapa", <a> etiketi ile tanımlanır ve sayfa içi veya sayfalar arası bağlantılar oluşturmak için kullanılır. Bu etiket, hem başka bir web sayfasına bağlantı vermek hem de aynı sayfa içinde belirli bir bölüme atlamak için kullanılabilir.
Anchor Nasıl Kullanılır?
Çapa kullanmak için bir hedef bölüm, bir de oraya kullanıcıyı gönderecek bağlantıya gerek vardır. Bağlantının hedef bölüme yönlenebilmesi için bir id atamak gerekir. Bu içerikte yazının en alt kısmında bir bağlantı göreceksiniz. O bağlantıya bastığınızda "Çapa Nedir ?" başlığına yönleneceksiniz. Şimdi örnek yaparak aktaralım.
<h2 id="ÇapaNedir">Çapa (Anchor) Nedir?</h2>Yukardaki kod satırında başlığa bir id verdik. Hemen şimdi bağlantıyı oluşturalım.
<a href="#ÇapaNedir">Çapa Nedir? kısmına git</a>Bağlantıya tıklayan ziyaretçi, yazı içerisinde tanımladığımız idye yönlenecektir. Aşağıdaki bağlantıya tıkladığınızda yazının üst kısmında yer alan Çapa Nedir? başlıklı bölüme scroll kayacak ve ekran oraya odaklanacak. Şimdi test edelim;
Bu yazıya henüz bir yorum yapılmamış, hemen bir tane yapmak ister misin ?