MenusLesson 50Preview gratis
Pagination
Lesson ini bagian dari How To · Semua level
Ringkasan
Pagination membagi daftar panjang menjadi beberapa halaman bernomor agar konten lebih mudah dibaca dan halaman tidak terlalu berat. Komponen ini biasanya berisi tombol sebelumnya, nomor halaman, dan tombol berikutnya. Penanda halaman aktif serta label aksesibilitas membuat navigasi jelas bagi semua pengguna.
Poin kunci
- Gunakan elemen nav dengan aria-label agar pagination dikenali sebagai navigasi.
- Kelas .active dan aria-current="page" menandai halaman yang sedang dibuka.
- display: flex atau inline-block menata nomor halaman dalam satu baris.
- Padding dan border-radius membuat setiap nomor terlihat seperti tombol yang bisa diklik.
- Pada layar kecil, sebagian nomor dapat disembunyikan atau dibuat lebih rapat.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.