Link tidak selalu menuju halaman web. Dengan memilih skema yang tepat pada href, satu klik bisa membuka aplikasi email dengan alamat tujuan yang sudah terisi, atau memanggil aplikasi telepon dengan nomor siap dihubungi. Dua skema ini adalah standar kontak pada halaman web modern — terutama halaman yang banyak dibuka dari ponsel, tempat satu ketukan menggantikan salah ketik alamat email.

Aturan skema mailto: nilai href diawali mailto: diikuti alamat email. Saat diklik, browser membuka aplikasi email bawaan pengunjung lalu menyiapkan pesan baru dengan kolom tujuan yang sudah terisi:

html 
<p>Pertanyaan khusus? Email <a href="mailto:[email protected]">[email protected]</a>.</p>

Kita bisa melengkapinya dengan subjek pesan memakai ?subject= — sama seperti kolom kueri pada URL biasa. Karena URL tidak boleh memuat spasi, spasi pada nilai subjek ditulis %20:

html 
<p><a href="mailto:[email protected]?subject=Pesanan%20kopi%20bulanan">Pesan kopi via email</a></p>

Pengunjung tinggal melengkapi isi pesan dan mengirim — alamat dan subjek sudah tertata.

Aturan skema tel: nilainya ditulis dalam format internasional E.164 — diawali tanda plus dan kode negara, tanpa spasi, tanpa tanda hubung, tanpa nol di depan. Nomor ponsel Indonesia 0812-3456-7890 menjadi +6281234567890:

html 
<p>Butuh bantuan cepat? Telepon <a href="tel:+6281234567890">0812-3456-7890</a>.</p>

Teks link boleh tetap menampilkan format enak dibaca manusia; nilai href-lah yang harus memakai format mesin. Skema sms: bekerja serupa untuk pesan singkat — dan pada banyak perangkat menerima isi pesan awal lewat ?body=:

html 
<p><a href="sms:+6281234567890?body=Halo%20Kedai%20Siti">Kirim pesan singkat</a></p>

Halaman Kontak Lengkap #

Ketiga skema dirakit menjadi satu halaman kontak Kedai Kopi Siti:

html 
<h1>Kontak Kedai Kopi Siti</h1>
<p>Hubungi kami lewat salah satu cara berikut:</p>
<ul>
  <li>Email: <a href="mailto:[email protected]?subject=Info%20menu">[email protected]</a></li>
  <li>Telepon: <a href="tel:+6281234567890">0812-3456-7890</a></li>
  <li>Pesan singkat: <a href="sms:+6281234567890">kirim SMS</a></li>
</ul>

Mari kita telaah:

  1. mailto: dengan ?subject=: membuka aplikasi email, alamat dan subjek terisi; spasi subjek ditulis %20.
  2. tel: dengan +62: tanda plus wajib — ia memberi tahu aplikasi bahwa nomor ditulis lengkap dengan kode negara.
  3. sms:: targetnya nomor dengan format yang sama seperti tel:, isi pesan awal ditempel lewat ?body=.

Lihat halaman kontak itu dirender, lalu coba dua hal: klik ketiga linknya, dan tekan Tab beberapa kali — tampilannya sama seperti link biasa: biru, bergaris bawah, dan bisa difokuskan:

Jujur soal batasnya: klik mailto: dan tel: dari dalam bingkai demo biasanya ditahan browser — keduanya protokol eksternal yang diserahkan ke aplikasi lain, dan lingkungan demo tidak mengizinkan serah-serah itu. Halaman milikmu sendiri tidak dibatasi: buka berkas HTML-mu langsung di browser, tulis satu link mailto:alamatmu, lalu klik — aplikasi email perangkat terbuka dengan alamat yang sudah terisi.

Ringkasan #

  • mailto:alamat membuka aplikasi email; subjek ditambah lewat ?subject= dengan spasi berupa %20.
  • tel: memakai format E.164: diawali +, diikuti kode negara, tanpa spasi dan awalan nol.
  • sms: bekerja serupa dengan tel: dan bisa membawa isi pesan awal lewat ?body=.
  • Perilaku link ini bergantung pada aplikasi dan perangkat pengunjung.

Link berikutnya juga mengubah perilaku browser — kali ini soal menyimpan berkas, bukan membukanya.