Html a Etiketi href Özelliği İle İlgili Bilinmesi Gerekenler

Html a Etiketi, HTML’de en çok kullanılan etiketlerden biride a(Anchor) etiketidir bu etiket ile genellikler farklı sitelere absolute link verme veya site içerisinde kullanıcının daha rahat dolaşabilmesi için site içi relative linkler verilebilir.

Html a etiketi href özelliği ile ilgili bilinmesi gerekenler

Html a Etiketi href Özelliği İle İlgili Bilinmesi Gerekenler

Html a etiketinde farklı bir siteye yönlendirme yapmak için alttaki örnektede göründüğü üzere http(s) protokolü ile başlayan bir link vermelisiniz.

Site içindeki sayfalara yönlendirme

Site içerisindeki sayfalara yönlendirme yaparken eğer bulunduğunuz sayfa ile yönlendireceğiz sayfa aynı dizindeyse o zaman alttaki şekilde bir link oluşturmalısınız.

Üst dizine çıkma

Eğer yönlendireceğiz sayfa bir üst dizinde ise üstteki örnekte yer alan yonlendirilecekSayfa.html değeri başına ../ eklemesini yaparsanız yonlendirilecek sayfayı linkin bulunduğu sayfanız bir üst dizininde arar eğer iki tane ../../ eklerseniz bu defa linkin bulunduğu dizinin 2 üst dizinine çıkar ve yönlendirilecek dosyayı orada arar.

Nesneler arası yönlendirme

Sayfanın farklı bir konumuna a etiketi ile yönlendirebilirsiniz kullacıyı sayfa yenilemesi yapmadan yönlendireceğiz yerin id değerini başına # karakteri koyarak gerçekleştirebilirsiniz.

Örnek olarak alttaki linkte sayfa yenilenmeden kullanıcıyı ust id degerine sahip nesneye yönlendirilmesi yapılıyor.

Javascript Kodu Çalıştırma

Javascript kodu çalıştırma isterseniz direk olarak javascript kodu çalıştırabilirsiniz linke tıklandığında ekrana Murat ÖNER içeriğinde bir uyarı çıkacaktır.

Mailto kullanımı ile Eposta gönderimi sağlama

Bilgisayardaki varsayılan eposta istemcisi kullanılarak mail adresi gönderimi ile ilgili kolayca yönlendirme yapılmaktadır. Çoğu email istemcisi mailto: değişkenindeki mail adresini alıp gönderilecek mail adresi kısmına direk olarak eklemektedir Thunderbird, Gmail, Outlook gibi yazılımlar. Örnek bir mailto linki aşağıdaki gibi oluşturulabilir.

Mailto ile ilgili çok daha detaylı bigi için buradaki makaleye gözatabilirsiniz.

Tel kullanımı ile belirli bir numaranın aranması

Tel kullanımı mailto ile aynıdır sadece ilk değişken olarak mailto: yerine tel: yazıp ardından bu linke tıklandığında aranacak numara girilmelidir girilen numara voip ve akıllı telefonlar tarafından tel belirteci sayesinde bir numara olduğu anlaşılacak ve tıklandığından arama işlemi kolaylıkla yapılabilecek. Örnek olarak alttaki koda gözatabilirsiniz.

Anchor etiketi ile ilgili birçok farklı özellikler kullanılmakta fakat ben en çok kullanılanları anlatmaya çalıştım.

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın