Link Nedir ?

link yani türkçesiyle köprü html dilinde yazılmış web sayfalarını birbirlerine bağlamaya yarayan kısa kodlardır. Linkler kullanıcıya adresleri tek tek adres çubuğuna yazma zahmetinden bizi kurtarır. Aynı zamanda reklam bannerlarında kullanıldığı gibi kendi başına ticareti ve piyasası oluşmuştur. Arama motorlarının gözünde ise link verilen site yani hedef önerildiği için değerli olarak yorumlanır…

 

 

örnek link kodu:

• <a href=”grafitr.com”>Grafitr.com Web Tasarım Hizmetleri</a>

Görünümü ise şöyledir:

Grafitr.com Web Tasarım Hizmetleri

link etiketleri <a> ile başlayıp </a> ile sonlanmaktadır arada kalan kısıma link verilmek istenen öge yerleştirilir.

<a> Etiketinin alyrıntıları?

Her HTML etiketinde olduğu gibi bu etiketinde genel ve kendine özel alt özellikleri var.

Özellik	değerler	Açıklama
charset	char_encoding	linkin bağlandığı sayfadaki karakter dilini belirtir.
coords	coordinates	Linkin bağlanacağı adresteki kordinatıdır.
href	URL	linkin bağlanacağı url adresi
hreflang	language_code	bağlanılan adresin dili.
name	section_name	link için özel isim belirtir.
rel	text	Bağlanılacak sayfa arasındaki ilişkiyi belirtir.
rev	text	bağlanılacak belge ile kodun bulunduğu belge arasındaki ilişkidir.
shape	default rect circle poly	Bir bağlantı şekli belirtir.
target	_blank _parent _self _top framename	bağlantının açılacağı yeri belirtir.(yeni sekme, yeni pencere ,aynı pencere,iframe içinde gibi)

Bura asıl önemli olan href yani linkin amacını gerçekleştiren url özelliğidir.

DipNot: rel=”nofollow” şeklinde yazılan bir özellik ile linklerinizi botların başka sitelere kaçmadan indexlenmesini sağlayabilirsiniz.Bu şekilde gönül rahatlığı ile bloglarda kaynak ve siteler belirtebilirsiniz..

<a> Etiketinde olaylar?

Bu olayları javascript ile birlikte kullanmalısınız…

Özellik	Komutlar	Açıklama	DTD
onblur	script		STF
onclick	script	Fare ile tıklandığında	STF
ondblclick	script	Fare ile çift tıklandığında	STF
onfocus	script	Seçili olduğunda	STF
onmousedown	script	Fare düğmesi üzerinde basılı iken	STF
onmousemove	script	Fare imleci üzerinde hareket ederken	STF
onmouseout	script	Fare imleci link üzerinden çekildiğinde	STF
onmouseover	script	Fare imleci üzerine geldiğinde	STF
onmouseup	script	Link üzerinde basılı fare düğmesi bırakıldığında	STF
onkeydown	script	Klavyeden bir tuşa basıldığında	STF
onkeypress	script	Klavyeden bir tuş basılı iken	STF
onkeyup	script	Klavyeden bir tuş bırakıldığında	STF

olayları nerelerde kullanırız. Örneğin bir linkin üzerinde gelince fare imleci işaret parmağına döner (cursor=pointer) olur. Bunun yerine başka imleçler kullanabiliriz mesela dinamik bir boyutlandıma söz konusu ise burada pencere boyutlandırırken görünen oklar çıkabilir.veya crosshair çıkabilir.Bir tuşa basıldığında bu tuşun ctrl ve C tuşu oldup olmadığını öğrenip kopyalama yapıldığını anlıyabilirsiniz. bir linkin üzerine gelince açılan menüler ( dropdown ) yapabilirsiniz.

Etiketler: köprü, link, link olayları, nofollow