<a> Etiketi
HTML
Web sayfaları arasında geçişi sağlamak yani link vermek için <a> etiket kullanılır. <a> etiketi içerisinde metin, resim ya da diğer HTML etiketleri bulunabilir.
Yapısı (Syntax)<a href="..">..</a>
NOT
* Eğer href belirtilmemiş ise, download, hreflang, media, rel, target, ve type nitelikleri işe yaramaz.
* Mevcut bağlantıya tıklandığında aksi belirtilmediği taktirde (rel) standart olarak mevcut pencere içerisinde açılır.
* Mevcut bağlantıya tıklandığında aksi belirtilmediği taktirde (rel) standart olarak mevcut pencere içerisinde açılır.
| Etiket Türü | Kapanan Etiket |
| Görünüm | Satır Içi |
| Kullanım | Metinsel |
Nitelikler
| Nitelik | Değeri | Açıklama |
|---|---|---|
| download | Dosya adı | Bağlantıya tıklandığında eğer indirilebilecek bir dosya var ise indirme işlemini başlatır |
| href | URL | Bağlantıya tıklandığında gidilecek adres |
| hreflang | dil_kodu | Bağlantının dilini belirtir |
| media | media_sorgusu | Bağlantının hangi cihaz/ortam için optimize olduğunu belirtir |
| ping | URL | Bağlantıya tıklandığında belirlenen bir adrese HTTP POST isteği gönderir |
| rel |
alternate author bookmark external help license next nofollow noreferrer noopener prev search tag |
Geçerli bağlantı ile belirtilen bağlantı arasındaki ilişkiyi belirtir |
| target |
_blank _parent _self _top frame_adı |
Bağlantının nerede nasıl açılacağını belirtir |
| type | medya_tipi | Bağlantının ortam türünü belirtir. |
Örnekler
En basit haliyle kullanımı;
<p>
<a href="https://prototurk.com">Prototürk</a>, web dilleriyle ilgili türkçe kaynaklar üretir.
</p>Bağlantı içerisinde resimli kullanımı;
<a href="https://prototurk.com">
<img src="https://prototurk.com/img/logo.png">
</a>Bağlantıyı yeni pencerede açmak için;
<a href="https://prototurk.com" target="_blank">prototurk.com</a>Bağlantıya tıklandığında e-posta gönderme işlemi için;
<a href="mailto:[email protected]?subject=Konu" target="_top">E-posta Gönder</a>Bağlantıya tıklandığında e-posta gönderme işlemi için (detaylı olarak);
<a href="mailto:[email protected]?subject=Konu&body=İçerik&[email protected]&[email protected]" target="_top">
E-posta Gönder
</a>Telefon bağlantısı oluşturmak için;
<a href="tel:+905303001965">0530 300 1965</a>Bağlantı kullanırken javascript örneği;
<a href="javascript:alert('Merhaba Dünya!');">:JavaScript'i Çalıştır</a>