HTML Link Etiketi ve Örnek Kullanımı!
HTML Link Etiketi ve Örnek Kullanımı!

HTML Link Etiketi ve Örnek Kullanımı!

Örnek Kullanım;

<a href="https://www.armyyazilim.com">ArmyYazilim.com'u Ziyaret Et!</a>

Tanım ve Kullanım

<a> etiketi, bir sayfadan diğerine bağlantı oluşturmak için kullanılan bir köprü tanımlar.

<a> öğesinin en önemli özelliği, bağlantının hedefini gösteren href özelliğidir.

Varsayılan olarak, bağlantılar tüm tarayıcılarda aşağıdaki gibi görünür:

  • Ziyaret edilmemiş bir bağın altı çizili ve mavi
  • Ziyaret edilen bir bağlantının altı çizili ve mor
  • Etkin bağlantının altı çizili ve kırmızı

İpuçları ve Notlar

İpucu: Aşağıdaki öznitelikler: href özniteliği yoksa, download, hreflang, media, rel, target ve type bulunamaz.

İpucu: Başka bir hedef belirtmediğiniz sürece, bağlantılı bir sayfa normal olarak geçerli tarayıcı penceresinde görüntülenir.

İpucu: Bağlantıları stilize etmek için CSS kullanın.

HTML 4.01 ve HTML5 Arasındaki Farklar

HTML 4.01’de <a> etiketi bir köprü veya bağlantı olabilir. HTML5’te <a> etiketi her zaman bir köprüdür, ancak href özelliği yoksa, yalnızca köprü için bir yer tutucudur.

HTML5’in bazı yeni özellikleri vardır ve bazı HTML 4.01 özellikleri artık desteklenmemektedir.

NitelikDeğerAçıklama
charsetchar_encoding HTML5’te desteklenmez. Bağlantılı bir dokümanın karakter kümesini belirtir
coordscoordinates HTML5’te desteklenmez. Bir bağlantının koordinatlarını belirtir
downloadfilename Bir kullanıcı köprüyü tıkladığında hedefin indirileceğini belirtir
hrefURL Bağlantının gideceği sayfanın URL’sini belirtir
hreflanglanguage_code Bağlı belgenin dilini belirtir
mediamedia_query Bağlı dokümanın hangi ortam / cihaz için optimize edildiğini belirtir
namesection_name HTML5’te desteklenmez. Bunun yerine global id özelliğini kullanın. Bir çapanın adını belirtir
pinglist_of_URLs Bağlantı izlendiğinde, gövde pingiyle yayınlama isteklerinin tarayıcı tarafından (arka planda) gönderileceği, boşlukla ayrılmış bir URL listesi belirtir. Genellikle izleme için kullanılır.
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
Hangi yönlendirenin gönderileceğini belirtir
relalternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Geçerli belge ile bağlı belge arasındaki ilişkiyi belirtir
revtext HTML5’te desteklenmez. Bağlı belge ile geçerli belge arasındaki ilişkiyi belirtir
shapedefault
rect
circle
poly
HTML5’te desteklenmez. Bağlantının şeklini belirtir
target_blank
_parent
_self
_top
framename
Bağlı belgenin nerede açılacağını belirtir
typemedia_type Bağlı belgenin ortam türünü belirtir

Link Charset

Bir bağlantıda karakter kümesi özelliğinin kullanımı:

<a charset="UTF-8" href="https://www.armyyazilim.com">www.ArmyYazilim.com</a>

karakter kümesi özniteliği HTML5’te desteklenmez.

Link “coords” Koordinatları

Bir görüntü haritası oluşturmak için <a> öğesinde şekil ve coords özelliğinin kullanımı:

<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
  <map name="Map1">
  <a href="sun.htm" shape="rect" coords="0,0,82,126">The Sun</a>
  <a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
  <a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
  </map>
</object>

coords özelliği HTML5’te desteklenmez.

Link İndirme Özelliği

Bağlantıyı tıklatırken dosya indir (dosyaya gitmek yerine):

<a href="/images/armyyazilim.jpg" download>

Link Href Özelliği

Href özelliği bağlantının hedefini belirtir:

<a href="https://www.armyyazilim.com">ArmyYazılım'ı Ziyaret Et!</a>

Link hreflang Özelliği

Hreflang özniteliği, bağlantıdaki belgenin dilini belirtir:

<a href="https://www.armyyazilim.com" hreflang="tr">ArmyYazılım</a>

Link Medya Özelliği

Medya özelliğine sahip bir bağlantı:

<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>

Media özelliği, bağlı belgenin hangi medya / cihaz için optimize edildiğini belirtir.

Bu özellik, hedef URL’nin özel cihazlar (iPhone gibi), konuşma veya basılı medya için tasarlandığını belirtmek için kullanılır.

Bu özellik birkaç değeri kabul edebilir.

Yalnızca href özelliği mevcutsa kullanılır.

Not: Bu özellik tamamen tavsiye niteliğindedir.

Link Name Özelliği

Name özniteliği bir linkin adını belirtir:

<a name="C4">Chapter 4</a>

name özelliği HTML5’te desteklenmiyor. Bunun yerine id kullanmalısınız.

Link ping Özelliği

Kullanıcı armyyazilim.com/html bağlantısını tıkladığında armyyazilim.com/trackpings adresine bildirilir:

<a href="https://www.armyyazilim.com/html" ping="https://www.armyyazilim.com/trackpings">

Ping özniteliği, kullanıcı köprüyü izlerse bildirilecek URL’lerin listesini belirtir.

Kullanıcı köprüyü tıklattığında, ping özelliği belirtilen URL’ye kısa bir HTTP POST isteği gönderir.

Bu özellik izleme / izlenme için kullanışlıdır.

Link Rel Özelliği

Rel özelliğine sahip bir bağlantı:

<a rel="nofollow" href="https://www.armyyazilim.com/">ArmyYazılım'ı ziyaret et!</a>

Rel özniteliği, geçerli belge ile bağlı belge arasındaki ilişkiyi belirtir.

Yalnızca href özelliği mevcutsa kullanılır.

DeğerleriAçıklamaları
alternate Belgenin alternatif sunumuna bir bağlantı sağlar (yani, yazdırma sayfası, çevrilmiş veya ayna)
author Dokümanın yazarına bir bağlantı sağlar
bookmark Yer işareti koymak için kullanılan kalıcı URL
external Başvuru yapılan belgenin geçerli belgeyle aynı sitenin bir parçası olmadığını gösterir
help Bir yardım belgesine bağlantı sağlar
license Doküman için lisans bilgilerine bir bağlantı sağlar
next Serideki bir sonraki belgeye bağlantı sağlar
nofollow Ücretli bir bağlantı gibi gönderilmemiş bir belgeye bağlantılar. (Google arama örümceğinin bu bağlantıyı izlememesi gerektiğini belirtmek için Google tarafından “nofollow” kullanılır)
noreferrer Kullanıcı köprüyü takip ediyorsa tarayıcının bir HTTP yönlendirme başlığı göndermemesi gerekir
noopener Köprüyü izleyerek oluşturulan herhangi bir göz atma içeriğinin daha açık bir gözatma içeriğine sahip olmaması gerekir
prev Seçilenden önceki belge
search Belge için bir arama aracına bağlantılar
tag Geçerli belge için bir etiket (anahtar kelime)

Link Rev Özelliği

Rev özelliğine sahip bir bağlantı:

<a rev="nofollow" href="https://www.armyyazilim.com/">ArmyYazılım'ı ziyaret Et!</a>

<a> rev özelliği HTML5’te desteklenmez.

Rev niteliği, bağlı belge ile geçerli belge arasındaki ilişkiyi belirtir.

Rev niteliği rel özelliğinin tersidir .

Link Shape Özelliği

Bir görüntü haritası oluşturmak için <a> öğesinde şekil ve coords özelliğinin kullanımı:

<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
  <map name="Map1">
  <a href="sun.htm" shape="rect" coords="0,0,82,126">The Sun</a>
  <a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
  <a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
  </map>
</object>

<a> şekil özelliği HTML5’te desteklenmiyor.

Shape niteliği, bir bağlantının boyutunu, şeklini ve bir <object> veya <img> öğesindeki yerleşimini belirtmek için coords özelliğiyle birlikte kullanılır .

İpucu: Tüm tarayıcılarda çalışan resim haritaları oluşturmak için <area> öğesini kullanın!

Link Target Özelliği

Target özniteliği, bağlı belgenin nerede açılacağını belirtir:

<a href="https://www.armyyazilim.com" target="_blank">ArmyYazılım'ı Ziyaret Et!</a>
DeğerAçıklama
_blank Bağlantılı belgeyi yeni bir pencerede veya sekmede açar
_self Bağlantılı belgeyi tıklatıldığı çerçevede açar (bu varsayılan değerdir)
_parent Bağlı belgeyi üst çerçevede açar
_top Bağlantılı belgeyi pencerenin tüm gövdesinde açar
framename Bağlantılı belgeyi adlandırılmış bir çerçevede açar

Link Type Özelliği

Type özelliği, bağlı belgenin ortam türünü belirtir:

<a href="https://www.armyyazilim.com" type="text/html">ArmyYazılım</a>

Type özelliği, bağlı belgenin Internet ortam türünü (eski adıyla MIME türü olarak bilinir) belirtir.

Bu özellik yalnızca href özelliği ayarlanmışsa kullanılır.

Not: Bu özellik tamamen tavsiye niteliğindedir.

Herhangi bir sorunuz ve öneriniz varsa, yorumlar kısmında bize bildirin!

Eğer yazılım ile ilgileniyorsanız sizde bizlere katılıp makaleler yazabilir video içerikler üretebilirsiniz. Sizlerle birlikte bizde büyük bir ekip olabiliriz.

Ayrıca İnstagram hesabımızı takip edebilir  bize  Twitter ’dan da yazabilirsiniz.

Bu platformlardan herhangi birinde hsabınız yok ise telaşa gerek yok. İstediğiniz soruyu yorumlarda belirtebilirsiniz.

İlginizi çekebilir…

Tüm HTML Kodları ve Açıklamaları!

Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …

HTML

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir