Salah satu pembeda utama antara situs web dan bentuk media komunikasi lainnya adalah gagasan "tautan", atau hyperlink karena secara teknis dikenal dalam istilah desain web.
Selain membantu membuat web seperti sekarang ini, tautan, serta gambar, dengan mudah merupakan hal yang paling sering ditambahkan di laman web. Untungnya, barang-barang ini mudah untuk ditambahkan (hanya dua tag HTML dasar) dan mereka dapat membawa kegembiraan dan interaktivitas ke halaman teks biasa. Dalam artikel ini, Anda akan belajar tentang tag (jangkar), yang merupakan elemen HTML yang sebenarnya digunakan untuk menambahkan tautan ke laman situs web.
Menambahkan Tautan
Tautan disebut sebagai jangkar di HTML, sehingga tag untuk mewakilinya adalah tag A. Umumnya, orang hanya merujuk pada penambahan ini sebagai "tautan", tetapi jangkar adalah apa yang sebenarnya ditambahkan ke halaman mana pun.
Saat Anda menambahkan tautan, Anda harus menunjuk ke alamat halaman web yang Anda inginkan untuk dikunjungi pengguna ketika mereka mengklik atau mengetuk (jika mereka berada di layar sentuh) tautan itu. Anda tentukan ini dengan atribut.
Itu href Atribut singkatan dari "referensi hypertext" dan tujuannya adalah untuk mendikte URL di mana Anda ingin link tertentu untuk pergi ke. Tanpa informasi ini, tautan tidak berguna - itu akan memberitahu browser bahwa pengguna harus dibawa ke suatu tempat, tetapi tidak akan memiliki informasi tujuan yang tersedia untuk tempat "suatu tempat" seharusnya berada. Tag ini dan atribut ini berjalan seiring.
Misalnya, untuk membuat tautan teks, Anda menulis:
Teks yang akan menjadi tautan
Jadi untuk menautkan ke halaman web Desain Web / HTML About.com, Anda menulis:
Lifewire
Anda dapat menautkan hampir semua hal di halaman HTML Anda, termasuk gambar. Cukup mengelilingi elemen HTML atau elemen yang ingin Anda jadikan tautan dengan
dan tag. Anda juga dapat membuat tautan penampung dengan meninggalkan href atribut - tetapi pastikan untuk kembali dan memperbarui informasi href nanti atau tautan tidak akan benar-benar melakukan apa pun saat diakses.
HTML5 membuatnya valid untuk menautkan elemen tingkat blok seperti paragraf dan DIV elemen. Anda dapat menambahkan tag anchor di sekitar area yang jauh lebih besar, seperti daftar divisi atau definisi, dan seluruh area itu akan "dapat diklik". Hal ini dapat sangat membantu ketika mencoba membuat area klik yang lebih luas dengan jari di situs web.
Beberapa Hal yang Harus Anda Ingat Saat Menambah Tautan
- Akhir tag adalah wajib. Jika Anda lupa untuk memasukkannya, semua yang mengikuti tautan itu juga akan ditautkan, sampai tautan lain menutup tag.
- Seringkali, lebih baik untuk menautkan gambar tunggal dan rentang teks pendek, daripada blok teks besar. Tautan dapat menambahkan warna dan menggarisbawahi gaya ke halaman Anda yang sulit dibaca. Tentu saja, Anda dapat menggunakan CSS untuk mengubah gaya tautan ini dan mengedit warna atau menghapus garis bawah, tetapi masih bagus untuk memperhatikan realitas ini.
- Pastikan untuk memeriksa tautan Anda agar tidak menjadi buruk. Link Rot dapat membuat pengguna dan mesin pencari menganggap situs Anda tidak valid. Gunakan pemeriksa tautan secara teratur untuk memverifikasi tautan di halaman Anda. Hal ini terutama berlaku saat Anda menautkan ke situs pihak ketiga (yang tidak Anda kelola) dan yang dapat mengubah halamannya secara berlebihan, sehingga Anda memiliki tautan yang mati. Pemeriksa tautan akan menemukan tautan yang mati ini sehingga Anda dapat melakukan pembaruan yang diperlukan.
- Hindari teks seperti "klik di sini" di tautan Anda. Ingat, orang-orang dengan layar sentuh tidak dapat "mengeklik", sehingga teks terasa seperti produk dari era sebelumnya dan benar-benar tidak relevan di Web multi-perangkat hari ini.
Jenis Tautan Menarik lainnya
Itu SEBUAH elemen membuat tautan standar ke dokumen lain, tetapi ada jenis tautan lain yang mungkin Anda minati:
- Tautan Internal atau Jangkar - Ini adalah tautan ke suatu tempat di dalam laman web, tidak harus di bagian atas.
- Peta Gambar - Peta gambar memungkinkan untuk membuat tautan pada gambar yang dipetakan ke area tertentu pada gambar. Ini dapat digunakan untuk permainan atau navigasi kreatif. Anda sering melihatnya dengan peta di mana area di peta dapat diklik. Perhatikan bahwa peta gambar tidak digunakan di sebagian besar situs web modern, sebagian karena mereka dapat menyebabkan masalah pada perangkat seluler.
- Elemen - Elemen ini digunakan untuk menghubungkan dokumen dan halaman lain dengan yang sekarang. Ini tidak akan membuat area yang dapat diklik pada halaman web Anda, tetapi ini berguna untuk dipahami.
