MoreLesson 230Preview gratis
Active Class
Lesson ini bagian dari How To · Semua level
Ringkasan
Active class menandai elemen yang sedang dipilih, misalnya menu navigasi pada halaman aktif. Biasanya JavaScript menghapus kelas aktif dari semua item lalu menambahkannya ke item yang diklik. Selain warna, status aktif sebaiknya dicerminkan dengan aria-current agar tidak hanya bergantung pada visual.
Poin kunci
- Simpan daftar item lalu hapus kelas aktif dari semuanya sebelum menambah yang baru
- Gunakan aria-current='page' untuk menandai halaman yang sedang dibuka
- Beri gaya .active yang jelas, misalnya warna, garis bawah, atau latar
- Jangan mengandalkan warna saja; tambahkan isyarat visual lain
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.