Sampai HTML5 dirilis, tag memerlukan satu atribut: href. Namun, HTML5 bahkan menjadikan atribut itu opsional. Saat Anda menulis tag tanpa atribut apa pun, itu disebut tautan placeholder.
Tautan placeholder terlihat seperti ini:
Sebelumnya
Menggunakan Tautan Placeholder Selama Pengembangan
Hampir setiap desainer web telah membuat tautan placeholder pada satu waktu atau yang lain saat merancang dan membangun situs web. Sebelum HTML5, seorang programmer akan menulis yang berikut sebagai placeholder:
teks tautan
Masalah dengan menggunakan tanda pagar (#) sebagai tautan placeholder adalah bahwa tautan tersebut dapat diklik, dan ini dapat menyebabkan kebingungan bagi klien Anda. Dan, jika pengembang lupa memperbaruinya dengan URL yang benar, tautan tersebut hanya akan menampilkan halaman yang sama dengan pengguna jika diklik.
Sebagai gantinya, Anda harus mulai menggunakan tag tanpa atribut apa pun. Anda dapat menatanya agar terlihat seperti tautan lain di halaman Anda, tetapi tautan tersebut tidak dapat diklik karena hanya sebagai penampung.
Menggunakan Tautan Placeholder di Situs Langsung
Tautan placeholder memang memiliki tempat dalam desain web lebih dari sekadar pengembangan. Satu tempat di mana tautan placeholder dapat bersinar adalah di elemen navigasi. Dalam banyak kasus, daftar navigasi situs web memiliki beberapa cara untuk menunjukkan halaman mana Anda berada. Ini sering disebut indikator “Anda di sini”.
Sebagian besar situs mengandalkan atribut id pada elemen yang membutuhkan penanda "Anda di sini", tetapi beberapa menggunakan atribut class juga. Namun, atribut apa pun yang Anda gunakan, Anda perlu melakukan banyak pekerjaan ekstra untuk setiap halaman yang memiliki navigasi, menambahkan dan menghapus atribut dari elemen yang benar.
Dengan tautan placeholder, Anda dapat menulis navigasi sesuka Anda, lalu cukup hapus atribut href dari tautan yang sesuai saat Anda menambahkan navigasi ke halaman. Untuk pengembangan, tip cepat untuk membantu adalah menyimpan seluruh daftar navigasi sebagai cuplikan kode di editor Anda, jadi ini hanya salin-tempel cepat. Anda kemudian dapat menghapus href. Anda juga bisa membuat sistem manajemen konten (CMS) Anda melakukan hal yang sama.
Tautan Placeholder Penataan
Tautan placeholder mudah untuk ditata dan ditata secara berbeda dari tautan lain di halaman web Anda. Cukup pastikan untuk memberi gaya pada tag a dan tag tautan a:. Sebagai contoh:
Sebuah {
warna merah;
font-berat: tebal;
dekorasi teks: tidak ada;
}
sebuah link {
warna biru;
font-berat: normal;
dekorasi teks: garis bawah;
}
Ini CSS akan membuat tautan placeholder tebal dan merah, tanpa garis bawah. Tautan biasa akan berbobot normal, biru, dan digarisbawahi.
Ingatlah untuk mengatur ulang semua gaya Anda tidak ingin terbawa dari tag a. Misalnya, berat font diatur ke tebal untuk tautan placeholder, jadi untuk tautan standar, Anda harus mengaturnya ke:
font-berat: normal;
Hal yang sama berlaku dengan dekorasi teks. Dengan menghapusnya dengan pemilih, itu akan dihapus untuk pemilih tautan a: jika kami tidak mengembalikannya.