09 December 2016

HyperLink Nedir ve Nasıl Kullanılır?

HTML sayfalarımızda link oluşturmak için aşağıdaki tagleri kullanırız:

<a href="http://www.yazilimciblog.com/"
title="Yazılımcı Blog">Yazılımcı blog</a>

Bu tag yerine Asp.Net’te kullandığımız kontrol HyperLink’tir.
HyperLink metin veya resim linki oluşturmak için kullanılır.

Toolboxtan sürükleyip formumuza ekleyebiliriz, veya kodları aşağıdaki şekilde yazabiliriz.

<asp:HyperLink ID="HyperLink1"
runat="server">HyperLink</asp:HyperLink>

HyperLink kontrolünün çok sayıda özelliği var. Onlardan bazılarına göz atalım:

  • Text – Bu özellik anchor text kısmına gelecek olan metni belirliyor. Yani linkte yer alacak tıklanacak metin buraya yazılır.
  • NavigateUrl – Gidilecek linkin adresi buraya yazılır.
  • Target– Linke tıklandığında yeni sayfanın nasıl açılacağını belirlemek için kullanılır. Target=”_blank” olursa yeni bir sayfada açılacak.
  • ToolTip– Bu çok önemli bir özelliktir. Linklere title ekleyecektir. Yani HTML kodunda yer alan title=” ”  tagini ToolTip özelliği ile belirleyeceğiz.
<asp:HyperLink ID="HyperLink1"
Text="Yazılımcı Blog"
NavigateUrl="http://www.yazilimciblog.com"
runat="server"
Target="_blank"
ToolTip="Yazılımcı blog">Yazılımcı Blog</asp:HyperLink>

Bu kodlar ilk başta yazdığım HTML tagleri ile aynı görevi görecektir. Farkı Asp.net kontrolü olması ve Code behind kısmında kontrolün özelliklerine ulaşabilmemiz. Aşağıdaki şekilde:

protected void Page_Load(object sender, EventArgs e)
 {
 HyperLink1.Text = "Yazılımcı Blog";
 }

Yukarıda HyperLink resim linki oluşturmak için de kullanılır dedik. Resim linki oluşturmak için ImageUrl özelliği ayarlanır.Text ve ImageUrl özelliklerinin her ikisi de ayarlanırsa resim linki önceliği alır, metin ise araç ipucu (Tool Tip) görevini üstlenir. Yani Tooltipe yazdığımız metin, imageurl özelliği kullanılmışsa sayfaya alt=” ” şeklinde eklenecektir.

ToolTip özelliğinin üzerinde biraz fazla durduğumu farkettim. Bunun nedeni SEO açısından önemli olan linklerde

title=""

image linklerinde de

alt=""

taglerini sayfaya ekleyen özelliğin bu olmasıdır.

Bu özellikleri dışında HyperLink’in çok sayıda özelliği de kullanılabilir:

AccessKey=”string”
BackColor=”color name|#dddddd”
BorderColor=”color name|#dddddd”
BorderStyle=”NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge|
Inset|Outset”
BorderWidth=”size”
CssClass=”string”
Enabled=”True|False”
EnableTheming=”True|False”
EnableViewState=”True|False”
Font-Bold=”True|False”
Font-Italic=”True|False”
Font-Names=”string”
Font-Overline=”True|False”
Font-Size=”string|Smaller|Larger|XX-Small|X-Small|Small|Medium|
Large|X-Large|XX-Large”
Font-Strikeout=”True|False”
Font-Underline=”True|False”
ForeColor=”color name|#dddddd”
Height=”size”
ID=”string”
ImageUrl=”uri”
NavigateUrl=”uri”
OnDataBinding=”DataBinding event handler”
OnDisposed=”Disposed event handler”
OnInit=”Init event handler”
OnLoad=”Load event handler”
OnPreRender=”PreRender event handler”
OnUnload=”Unload event handler”
runat=”server”
SkinID=”string”
Style=”string”
TabIndex=”integer”
Target=”string|_blank|_parent|_search|_self|_top”
Text=”string”
ToolTip=”string”
Visible=”True|False”
Width=”size”

Özellikle URL Reuting işlemi bu kontrolü kullanarak kolay bir şekilde yapılabilir. Diğer ASP.Net Kontrolleri burada kısa kısa yer almaktadır.

Comments

  1. Barış says:

    css ve html varken gerçekten çok gereksiz. asp.net mvc öğrendikten sonra bunu daha iyi anlıyor insan.

  2. merve says:

    a href bilenler bunu kullanmakta biraz yabancılık çekebilir bence

  3. Recep Gündoğdu says:

    a href’e alışmış bir neslin bunu kullanacağını sanmıyorum 🙂

  4. Detaylı güzel bir yazı olmuş .Teşekkürler.