Hingga HTML5 dirilis, tag tersebut membutuhkan satu atribut: href. Tapi, HTML5 bahkan membuat atribut itu opsional. Saat Anda menulis tag tanpa atribut apa pun, disebut tautan placeholder.
Tautan placeholder terlihat seperti ini:
Menggunakan Placeholder Links Selama Pengembangan
Hampir setiap perancang web telah membuat tautan tempat penampung pada satu waktu atau lainnya saat merancang dan membangun situs web. Sebelum HTML5, programmer akan menulis yang berikut sebagai placeholder:
teks tautan
Masalah dengan menggunakan tagar (#) sebagai tautan placeholder adalah tautan tersebut dapat diklik, dan ini dapat menyebabkan kebingungan bagi klien Anda. Dan, jika pengembang lupa untuk 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 membuat style ini agar terlihat seperti tautan lain di halaman Anda, tetapi mereka tidak akan dapat diklik karena mereka hanya placeholder.
Menggunakan Placeholder Links di Live Sites
Link Placeholder memiliki tempat dalam desain web untuk lebih dari sekedar pengembangan. Satu tempat tempat tautan placeholder dapat bersinar adalah elemen navigasi. Dalam banyak kasus, daftar navigasi situs web memiliki beberapa cara untuk menunjukkan halaman mana Anda berada. Ini sering disebut indikator “Anda ada di sini”.
Sebagian besar situs bergantung pada atribut id pada elemen yang membutuhkan penanda "Anda ada di sini", tetapi beberapa menggunakan atribut kelas juga. Namun, atribut apa pun yang Anda gunakan, Anda perlu melakukan banyak pekerjaan ekstra untuk setiap halaman yang memiliki navigasi di atasnya, menambah dan menghapus atribut dari elemen yang benar.
Dengan tautan placeholder, Anda dapat menulis navigasi sesuka Anda, dan kemudian cukup menghapus atribut href dari tautan yang sesuai saat Anda menambahkan navigasi ke halaman. Untuk pengembangan, tip cepat untuk membantu adalah untuk menyimpan seluruh daftar navigasi sebagai cuplikan kode di editor Anda, jadi itu hanya copy-paste cepat. Anda kemudian dapat dengan mudah menghapus href. Anda juga bisa mendapatkan sistem manajemen konten (CMS) untuk melakukan hal yang sama.
Tautan Placeholder Styling
Tautan placeholder mudah untuk gaya dan gaya berbeda dari tautan lain di halaman web Anda. Pastikan untuk memberi style tag dan tag tautan: a. Sebagai contoh:
sebuah {warna: merah; font-weight: bold; teks-dekorasi: tidak ada; } a: tautan {color: blue; font-weight: normal; text-decoration: garis bawah; }
CSS ini akan membuat tautan placeholder menjadi tebal dan merah, tanpa garis bawah. Tautan reguler akan memiliki berat normal, biru dan bergaris bawah.
Ingat untuk mengatur ulang gaya apa pun yang Anda tidak ingin terbawa dari tag. Misalnya, font-weight disetel untuk dicetak tebal untuk tautan placeholder, jadi Anda harus menetapkannya ke:
font-weight: normal;
untuk tautan standar. Hal yang sama berlaku dengan dekorasi-teks. Dengan menghapusnya dengan pemilih, itu akan dihapus untuk a: pemilih tautan jika saya tidak mengembalikannya.
