Masalah utama yang berkaitan dengan butang HTML href ialah sukar untuk menggayakan butang dengan cara yang kelihatan konsisten merentas pelayar yang berbeza. Selain itu, apabila menggunakan tag anchor dengan atribut href, pautan akan dibuka dalam tetingkap yang sama secara lalai, yang mungkin tidak diingini untuk jenis pautan tertentu. Akhir sekali, jika atribut href tidak dikonfigurasikan dengan betul, klik pada butang boleh mengakibatkan halaman ralat.
<button><a href="">Click Here</a></button>
1. Baris kod ini mencipta elemen butang dalam HTML.
2. Di dalam elemen butang, terdapat tag anchor dengan atribut href kosong.
3. Tag anchor mengandungi teks "Klik Di Sini".
Definisi HREF
HREF adalah singkatan dari Hypertext Reference dan merupakan atribut HTML yang digunakan untuk menentukan hyperlink. Ia digunakan untuk memautkan satu halaman ke halaman yang lain, sama ada di laman web yang sama atau laman web yang berbeza. Atribut HREF menentukan destinasi pautan dan boleh digunakan dengan elemen HTML lain seperti , , dan
Bolehkah saya menggunakan HREF dalam HTML butang
Tidak, tidak boleh menggunakan atribut href dalam elemen butang dalam HTML. Elemen butang tidak menyokong atribut href. Walau bagaimanapun, anda boleh menggunakan JavaScript untuk menambah pendengar acara klik pada butang yang akan membawa pengguna ke halaman lain apabila diklik.
Bagaimanakah anda menggayakan href sebagai butang
Untuk menggayakan teg sauh sebagai butang dalam HTML, anda boleh menggunakan kod berikut:
Kemudian tambahkan CSS berikut pada lembaran gaya anda:
.butang {
warna latar belakang: #4CAF50; /* Hijau */
sempadan: tidak ada;
warna: putih;
padding: 15px 32px;
teks-align: center;
hiasan teks: tiada;
paparan: inline-block; saiz fon: 16px; jidar: 4px 2px; kursor: penunjuk;}
