HTML 5 Tel: Ile Telefon Numarasına Tıklanınca Arama Yapma

Skip to content
  • Genel
HTML 5 tel: ile Telefon Numarasına Tıklanınca Arama Yapma

by erelcolak · Published 29 Haziran 2015 · Updated 6 Aralık 2019

Merhabayın. Bu yazımda sizlere html5 ile birlikte gelen web sitelerindeki telefon numaralarına tıklandığında akıllı cihazınızın ekranına otomatik olarak arama yapmaya hazır şekilde gelmesinden bahsedeceğim.

Çok basit bir kullanımı mevcuttur bunun. ama öncesinde html5 ile telefon numarasına tıklanınca arama yapma hakkında ön bilgilendirme vermekte faide görmekteyim. Efendiler !!! Bir çoğunuz biliyordur. İnternet üzerinde eposta linkine tıkladığımızda bizi eposta varsayılan uygulamasına gönderir ve tıkladığımız epostaya eposta göndermemizi sağlar. Peki ne sağlar ? “mailto: ” tabi ki de. mailto yu kullanırken öncelikle bir “a” etiketi açar sonrasında href bölümüne “mailto:info@erelcolak.com” yazarız. ve sonrasında etiket ile işimizi bitirip tıkladığımızda belirttiğimiz epostaya çatırt diye eposta göndermesini sağlarız kullanıcının.

HTML5 ile gelen yeni özelliklerden birisi de kullanımı mail to ile birebir aynı olan “tel:” dir. bu tel denilen şey bağlantıya tıklanıldığında arama ekranına telefon numarasını yerleştirir ve arama yapmaya hazır hale getirir.

oldukça basit kullanımı mevcuttur.

<a href="tel:05055555555">0505 555 55 55</a>

şeklinde yazarsanız eğer ; telefondan giren bir kişi tıkladığında bu bağlantıya direk olarak arama ekranında bu numara görünür ve de geriye tek bir şey kalır : YES TUŞUNA ABANMAK… bir başka yazıda görüşmek üzere. esen kalın.

  • Next story JavaScript Temelleri – Değişkenler
  • Previous story WordPress Sunucu Taşıması Sonrası Kalıcı Bağlantılar Çalışmıyor Sorunu

You may also like...

  • OpenCart Bilgi Sayfaları Açılmıyor 404 Hatası Çözümü

    OpenCart Bilgi Sayfaları Açılmıyor 404 Hatası Çözümü

    23 Şubat 2015

    by erelcolak · Published 23 Şubat 2015 · Last modified 1 Aralık 2019

  • Bootstrap hidden sınıfı ile bir div’ i belirli ekran boyutlarında gizleme

    12 Mart 2015

    by erelcolak · Published 12 Mart 2015 · Last modified 6 Aralık 2019

  • Yüklenen dosya buraya taşınamadı: wp-content/uploads Çözümü

    Yüklenen dosya buraya taşınamadı: wp-content/uploads Çözümü

    28 Kasım 2014

    by erelcolak · Published 28 Kasım 2014 · Last modified 1 Aralık 2019

1 Response

  • Comments1
  • Pingbacks0
  1. ihsan dedi ki: 26 Haziran 2016, 04:02

    emeğinize sağlık hocam süper olmuş

    Cevaplamak için giriş yapın

Bir cevap yazın Cevabı iptal et

Yorum yapabilmek için giriş yapmalısınız.

Follow:

  • Recent Posts
  • Popular Posts
  • Recent Comments
  • Smart Contract ABI Nedir? (Application Binary Interface)

  • React Native vs Flutter! Hangisini seçmeli?

    React Native vs Flutter! Hangisi?seçmeli?

  • React-Native'de Custom Font ya da Google Font Eklemek

    React-Native’de Custom Font ya da Google Font Eklemek

  • React JS Functional Component Kullanımı

    React JS Functional Component Kullanımı

  • React JS Component’lere Props’lara State’lere Console kullanarak erişmek

  • JavaScript’te this kavramı

    JavaScript’te this kavramı

  • 2019’da Front-end Developer olmak için gerekenler

    2019’da Front-end Developer olmak için gerekenler

  • AJAX request’lerde cache nedeniyle URL’ye eklenen esrarengiz sayı

    AJAX request’lerde cache nedeniyle URL’ye eklenen esrarengiz sayı

  • CSS3 @media kullanımı – Erel Çolak says: […] dediğiniz şeyler için @media elementinin kullanımı yeterli olacaktır. Daha önce css ile...
  • Hakan says: Harika bir anlatım olmuş
  • tony tony chopper says: elimden gelse siteni google aramalarda üst sıralara taşımak için para verirdim,...
  • murtaza says: gerçekten kimsenin aklına gelmeyecek harika bir yolmuş tebrik ederim
  • uğur says: Çok teşekkürler...
  • Ergin says: Allah razı olsun.. :)
  • İlyas acar says: Bende bu programlar yok tel GM 5 plus ne yapmalıyım
  • test says: teşekkürü borç bilirim.

Arayan Bulur

Arama:

Từ khóa » Html Arama Linki