Salah satu pembeda utama antara situs web dan bentuk media komunikasi lainnya adalah gagasan tentang "tautan", atau hyperlink karena mereka secara teknis dikenal dalam istilah desain web.
Selain membantu menjadikan web seperti sekarang ini, tautan, serta gambar, adalah hal yang paling umum ditambahkan dengan mudah di halaman web. Untungnya, item ini mudah ditambahkan (hanya dua () tag HTML dasar) dan mereka dapat membawa kegembiraan dan interaktivitas ke halaman teks biasa. Dalam artikel ini, Anda akan mempelajari tentang tag (jangkar), yang merupakan tag yang sebenarnya elemen HTML digunakan untuk menambahkan link ke halaman website.
Menambahkan Tautan
Tautan disebut jangkar dalam HTML, dan tag yang mewakilinya adalah tag A. Biasanya, orang hanya menyebut tambahan 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 ingin pengguna Anda buka saat mereka mengeklik atau mengetuk (jika mereka menggunakan layar sentuh) tautan itu. Anda menentukan ini dengan atribut.
Itu href Atribut adalah singkatan dari "referensi hiperteks" dan tujuannya adalah untuk menentukan URL tempat Anda ingin tautan spesifik itu pergi. Tanpa informasi ini, tautan tidak berguna karena akan memberi tahu browser bahwa pengguna harus dibawa di suatu tempat, tetapi itu tidak akan memiliki informasi tujuan yang tersedia untuk di mana "suatu tempat" itu seharusnya menjadi. Tag ini dan atribut ini berjalan beriringan.
Anda dapat menautkan hampir semua hal di halaman HTML Anda, termasuk gambar-gambar. Cukup kelilingi elemen HTML atau elemen yang ingin Anda hubungkan dengan tag and. Anda juga dapat membuat tautan tempat penampung dengan meninggalkan href atribut — tetapi pastikan untuk kembali dan memperbarui informasi href nanti atau tautan tidak akan melakukan apa pun saat diakses.
HTML5 membuatnya valid untuk menautkan elemen level blok seperti paragraf dan DIV elemen. Anda dapat menambahkan tag jangkar di sekitar area yang jauh lebih besar, seperti daftar divisi atau definisi, dan seluruh area itu akan "dapat diklik". Ini bisa sangat membantu ketika mencoba membuat area klik yang lebih besar dan ramah jari di situs web.
Beberapa Hal yang Perlu Diingat Saat Menambahkan Tautan
- Tag terakhir adalah yg dibutuhkan. Jika Anda lupa menyertakannya, semua yang mengikuti tautan itu juga akan ditautkan, hingga tautan lain menutup tag.
- Sebagian besar waktu, yang terbaik adalah menautkan gambar tunggal dan rentang teks pendek, daripada blok teks besar. Tautan dapat menambahkan warna dan gaya garis bawah ke halaman Anda yang mungkin sulit dibaca. Tentu saja, Anda dapat menggunakan CSS untuk mengubah gaya tautan ini dan mengedit warna atau menghapus garis bawah, tetapi tetap baik untuk memperhatikan kenyataan ini.
- Pastikan untuk memeriksa tautan Anda agar tidak rusak. Link Rot dapat membuat pengguna dan mesin pencari menganggap situs Anda tidak valid. Gunakan pemeriksa tautan secara teratur untuk memverifikasi tautan di halaman Anda. Ini terutama benar ketika Anda menautkan ke situs pihak ketiga (yang tidak Anda kelola) dan yang dapat mengubah halaman mereka secara berkala, meninggalkan Anda dengan tautan mati. Pemeriksa tautan akan menemukan tautan mati ini sehingga Anda dapat membuat pembaruan yang diperlukan.
- Hindari teks seperti "klik di sini" di tautan Anda. Ingat, orang dengan layar sentuh tidak dapat "mengklik", sehingga teks terasa seperti produk dari masa lalu dan benar-benar tidak relevan di web yang berpusat pada multi-perangkat saat ini.
Jenis Tautan Menarik Lainnya
Itu SEBUAH elemen membuat tautan standar ke dokumen lain, tetapi ada jenis tautan lain yang mungkin menarik bagi Anda:
- Tautan Internal atau Jangkar: Ini adalah tautan ke suatu tempat di dalam halaman web, tidak harus bagian atas.
- Peta Gambar: Peta gambar memungkinkan untuk membuat tautan pada gambar yang dipetakan ke area gambar tertentu. Ini dapat digunakan untuk permainan atau navigasi kreatif. Anda sering melihatnya dengan peta di mana area pada 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 di halaman web Anda, tetapi ini berguna untuk dipahami.