- Katılım
- 19 Ocak 2024
- Mesajlar
- 160
- Tepkime puanı
- 11
- Puanları
- 18
- Ödüller
- 6
HTML'de Linkler ve Kullanımı
HTML, web sayfaları arasında geçiş yapmayı sağlayan linklerin oluşturulması için basit ama güçlü bir yapı sunar. Linkler, kullanıcıları farklı sayfalara, belgeler veya web kaynaklarına yönlendirmek için kullanılır. Bu yazıda, HTML'de linklerin nasıl oluşturulacağını ve doğru bir şekilde kullanılacağını inceleyeceğiz.
HTML Linklerin Temel Yapısı
HTML'de link oluşturmak için `<a>` (anchor) etiketi kullanılır. Bu etiketin en önemli özelliği, bağlantının hedefini belirleyen href (hyperlink reference) niteliğidir.
HTML:
<a href="https://www.yarasa.net">Yarasa.net Forumunu Ziyaret Edin</a>Bu kod, "Yarasa.net Forumunu Ziyaret Edin" metnine tıklandığında kullanıcıyı belirtilen URL'ye yönlendirir.
Link Özellikleri
1. href: Bağlantının hedef adresini belirtir.
HTML:
<a href="https://www.ornek.com">Siteye Git</a>2. target: Bağlantının nasıl açılacağını belirler.
- `_self`: Varsayılan değerdir. Aynı pencerede açılır.
- `_blank`: Yeni bir sekmede veya pencerede açılır.
HTML:
<a href="https://www.ornek.com" target="_blank">Yeni Sekmede Aç</a>3. rel: Linkin ilişki türünü belirtir. Örneğin, "nofollow" bağlantının arama motorları tarafından izlenmemesini sağlar.
HTML:
<a href="https://www.ornek.com" rel="nofollow">Nofollow Link</a>4. title: Bağlantının üzerine gelindiğinde görünen açıklama metni ekler.
HTML:
<a href="https://www.ornek.com" title="Bu bağlantı bir örnek sitedir.">Siteye Git</a>Dahili ve Harici Linkler
- Dahili Linkler: Aynı web sitesindeki başka bir sayfaya yönlendirir.
HTML:
<a href="hakkimizda.html">Hakkımızda</a>- Harici Linkler: Başka bir web sitesine yönlendirir.
HTML:
<a href="https://www.google.com">Google</a>Bağlantılı Görseller
Linkleri yalnızca metinlerle sınırlamak zorunda değilsiniz. Görselleri de bağlantı olarak kullanabilirsiniz.
HTML:
<a href="https://www.ornek.com">
<img src="gorsel.jpg" alt="Örnek Site">
</a>E-posta Linkleri
HTML'de bir e-posta adresine bağlantı oluşturmak için mailto: protokolü kullanılır.
HTML:
<a href="mailto:[email protected]">Bize E-posta Gönderin</a>Telefon Linkleri
Telefon numaralarına bağlantı oluşturmak için tel: protokolü kullanılır.
HTML:
<a href="tel:+905001234567">Bizi Arayın</a>Pratik Kullanım Tavsiyeleri
- Linklerin hedeflerinin doğru olduğundan emin olun.
- Harici bağlantılarda güvenilir URL'ler kullanın.
- target="_blank" kullandığınızda kullanıcı deneyimi için bir uyarı ekleyin.
- Linklerinizi düzenli bir şekilde gruplandırarak kullanıcı dostu bir yapı oluşturun.
