Yer İmi Oluşturma (Anchor)

Sayfa İçi Bağlantılar

Çok uzun web sitelerinde kullanıcının istediği içeriği bulması zor olabilir. Bunun için sayfada gerekli yerlere, o sayfadaki ana başlıkların bir listesini koyup, tıklandığında sayfanın ilgili yerine gitmesini sağlayabiliriz. Buna örnek için şu sayfayı inceleyebilirsiniz:

http://tr.wikipedia.org/wiki/Mustafa_Kemal_Atat%C3%BCrk

Yukarıdaki sayfada görüleceği gibi sayfanın üst kısmına, önemli başlıkların bir listesi konarak link verilmiş ve tıklandığında sayfanın tarayıcı penceresi içerisinde o başlığın bulunduğu yere kayması sağlanmıştır.

Başka bir örnek de sayfa sonlarına konulup, sayfanın en başına dönmeyi sağlayan linklerdir.

Sayfa İçi Link Oluşturma

Sayfa dışı bağlantılarda olduğu gibi sayfa içi bağlantılar da a etiketi ile oluşturulur. Ancak bu sefer yapacağımız iş iki aşamalıdır.

  1. Sayfada gidilecek olan yere bir yer işareti koymak ve buna isim vermek.
  2. Oluşturduğumuz yer işaretine bağlantı sağlamak.

1. Yer İşareti (Yer İmi - Named Anchor) Oluşturma

Sayfada gidilmesi istenen yere aşağıdaki kod parçası ile "baslik1" isminde bir yer işareti koyalım:

<a name="baslik1"></a>

İsim vermek için name parametresi kullanılmıştır. A etiketlerinin arası boş bırakılabilir çünkü amaç sadece işaret koymaktır.

2. Yer İşaretine Bağlantı

Ardından linkin yerleştirileceği yere a etiketi şu kodlar yazılır:

<a href="#baslik1">Başlık1'e gitmek için tıklayınız.</a>

Href parametresine gidilecek olan yer işaretinin ismi, başına # konarak yazılmalıdır.

html yer imi, aynı sayfadaki bir yere link verme, anchor, yer işareti, a etiketi name parametresi, sayfa içi bağlantı, html sayfayı kaydırma

KONU İLE İLGİLİ ÖRNEKLER

Örnek: a etiketi ile yer imi oluşturma Kendin Dene
<p><a href="#enUst">Başa Dön</a></p>
<p><a href="#baslik2">Başlık 2</a></p>
<p><a href="#baslik3">Başlık 3</a></p>


YORUMLAR




10036  kez okundu.

Online Kullanıcı Sayısı 651



Yer-İmi-Oluşturma-Anchor