ImagesLesson 65Preview gratis
Tab Gallery
Lesson ini bagian dari How To · Semua level
Ringkasan
Tab gallery membagi gambar ke dalam beberapa kategori yang dapat dipilih melalui tombol tab. Saat tab diklik, panel yang sesuai ditampilkan dan panel lain disembunyikan. Pola ini membantu pengguna melihat konten tertentu tanpa memuat halaman baru.
Poin kunci
- Tombol tab menyimpan kategori pada atribut data-cat.
- Panel dengan data-cat yang cocok ditampilkan, sisanya disembunyikan.
- Atribut hidden adalah cara sederhana menyembunyikan panel.
- Kelas .active dan aria-selected menandai tab yang sedang dipilih.
- role="tablist" dan role="tab" memperjelas struktur bagi teknologi bantu.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.