Kamu bisa menetapkan hyperlink pada alamat email. Sebelum saya menunjukkan bagaimana cara kerjanya, berikut beberapa petunjuk terkait. Pribadi saya bukanlah penggemar dari tautan email tersebut. Lebih baik menggunakan formulir. Apabila tidak ada aplikasi email terpasang atau tidak dikonfigurasi untuk pengguna saat ini, maka tautan email tidak akan berfungsi dengan baik. Namun pada akhirnya, tentunya kamu sendiri yang akan memutuskan apakah ingin menggunakan tautan email atau formulir. Informasi selengkapnya mengenai formulir akan disampaikan pada bagian-bagian berikut dari seri ini.
Jika tautan email diklik, biasanya jendela email akan terbuka untuk pengunjung.
Namun hal itu tidak dijamin. Pengguna sebenarnya harus telah mengatur pengaturan yang sesuai. Sekali lagi: solusi tautan email tidaklah ideal. Meski begitu, terkadang kita tentu membutuhkan tautan semacam itu. Berikut adalah sintaksnya:
<a href="mailto:kontakt@psd-tutorials.de">kontakt@psd-tutorials.de</a>
Seperti yang terlihat, ini pada dasarnya adalah tautan hyperlink klasik.
Yang menjadi hal penting di sini adalah apa yang diberikan sebagai nilai pada atribut href. Tujuan referensi selalu dimulai dengan mailto, diikuti oleh titik dua. Kemudian, diikuti dengan alamat email yang diinginkan.
Pada tautan email, perhatikan juga apa yang Anda masukkan sebagai teks referensi. Sebaiknya tambahkan kembali alamat email di sana. Dengan begitu, pengguna yang setelah mengklik tautan tidak terjadi apa-apa atau tidak membuka aplikasi email, tetap dapat menyalin alamat tersebut dan tetap mengirimkan email kepada Anda.
Jika Anda mendefinisikan tautan email, sebenarnya masih ada lebih banyak opsi yang tersedia selain hanya dapat menentukan alamat penerima. Selalu perhatikan bahwa hal-hal yang dijelaskan di sini bukanlah standar HTML, namun sebagian besar didukung oleh browser.
Pertama-tama, Anda dapat langsung menentukan penerima Cc.
<a href="mailto:kontakt@psd-tutorials.de?cc=info@psd-tutorials.de">kontakt@psd-tutorials.de</a>
Tulis ?cc di belakang alamat penerima sebenarnya. Selanjutnya, tuliskan cc dan tanda sama dengan, diikuti dengan alamat yang ingin menerima salinan email yang terlihat. Alternatif dari cc, Anda juga dapat menuliskan bcc. Jika demikian, alamat yang ditentukan akan disalin ke dalam kolom Bcc dan email sebagai salinan tidak terlihat akan dikirimkan ke alamat tersebut.
Jika Anda ingin menentukan subjek yang telah ditentukan sebelumnya, itu juga merupakan hal yang memungkinkan.
<a href="mailto:kontakt@psd-tutorials.de?subject=Post%20an%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>
Masukkan subjek yang diinginkan setelah subject. Agar semuanya berjalan dengan baik, sebaiknya tidak menggunakan spasi dalam subjek, atau spasi tersebut di-masker dengan menggunakan string %20.
Apabila Anda inginkan, Anda juga dapat mengatur teks email atau sebagian dari teks tersebut. Gunakan parameter body untuk itu.
<a href="mailto:kontakt@psd-tutorials.de?body=Hallo%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>
Ketentuan yang sama berlaku ketika itu berkaitan dengan subject.
Menawarkan File untuk Diunduh
Jika Anda ingin menawarkan file untuk diunduh di situs web Anda, tentu saja Anda bisa melakukannya. (Aspek hukumnya saya sampaikan sebagai tanggung jawab Anda). Dan hal tersebut bisa direalisasikan dengan sangat mudah. Anda hanya perlu mendefinisikan hyperlink dan memasukkan file yang sesuai sebagai tujuan referensi.
<a href="buch.zip">Unduhan untuk Buch</a>
Dalam kasus ini, tujuan referensi ini adalah file Zip. Ketika hyperlink diklik, browser biasanya akan menawarkan dialog unduhan atau mengunduh file langsung.
Dengan dialog tersebut, pengguna bisa mengunduh file tersebut. Namun pada akhirnya, keputusan mengenai bagaimana file yang ditunjukkan diperlakukan tergantung pada browser.
Browser biasanya akan menampilkan file PDF langsung ketika tautan yang sesuai diklik. Ini tentu saja umumnya tidak masalah. Namun, kadang-kadang Anda mungkin ingin menawarkan file PDF untuk diunduh. (Tentu saja pengguna dapat mengklik tautan dengan mengklik kanan dan mengunduh file tersebut. Namun, seharusnya jangan diasumsikan bahwa semua pengunjung situs web mengetahui kemungkinan tersebut).
Pada HTML5, sebenarnya Anda dapat menandai hyperlink sebagai tautan unduhan. Digunakanlah atribut download untuk itu.
<a href="ebook.pdf" download>Unduh</a>
Link yang dilengkapi dengan atribut ini - selalu diasumsikan bahwa browser mendukung atribut tersebut - akan mengunduh file tersebut.
Sekalipun berkas tersebut akan disimpan dengan nama yang sama seperti yang aslinya. Ini umumnya juga tidak masalah. Namun demikian, mungkin Anda ingin memberikan nama yang berbeda kepada berkas yang diunduh. Hal itu pun memungkinkan. Dalam hal ini, atribut download kembali digunakan. Anda dapat menetapkan nama yang diinginkan sebagai nilai untuk atribut tersebut.
<a href="ebook.pdf" download="dk.pdf">Download</a>
Jika browser mendukung fitur ini, saat mengunduh, itu akan menggunakan nama yang ditetapkan dalam atribut download.
Menyatakan Hubungan Logis
Satu atribut yang bisa cukup menarik dalam konteks definisi hyperlink adalah rel. Karena melalui atribut ini, kita bisa menunjukkan hubungan logis antara hyperlink dan target referensinya. Browser bisa menggunakan informasi ini, misalnya, untuk menampilkan icon yang sesuai saat mengarahkan mouse ke hyperlink. Saat ini, browser belum melakukannya. Jadi, atribut rel tidak memiliki dampak yang terlihat.
<a href="zwei.htm" rel="next">weiter</a>
Untuk atribut rel, terdapat nilai-nilai berikut yang tersedia:
• alternate – Link ke versi alternatif dokumen.
• author – Link ke penulis dokumen.
• bookmark – Link permanen dokumen yang dapat digunakan sebagai bookmark.
• help – Link ke file bantuan.
• license – Link ke informasi hak cipta.
• next – Link ke dokumen berikutnya.
• nofollow – Untuk menunjukkan bahwa mesin pencari tidak boleh mengikuti link.
• noreferrer – Browser tidak mengirim HTTP-Referrer-Header.
• prefetch – Dokumen harus dimuat ke dalam cache.
• prev – Link ke dokumen sebelumnya.
• search – Link ke alat pencarian untuk dokumen.
• tag – Keyword yang menggambarkan dokumen.
Dengan cara ini, hubungan antara target referensi dan hyperlink dapat dijelaskan dengan lebih rinci.
