W3.CSSLesson 46Preview gratis
W3.CSS Pagination
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Pagination memecah daftar panjang menjadi beberapa halaman agar pengguna mudah menelusuri konten. Di W3.CSS pola ini dibangun dari .w3-bar sebagai pembungkus dan .w3-bar-item .w3-button sebagai tombol angka. Halaman yang sedang aktif diberi kelas warna plus atribut aria-current agar jelas bagi semua pengguna.
Poin kunci
- Gunakan .w3-bar sebagai pembungkus deretan tombol halaman
- Tiap tombol memakai .w3-bar-item .w3-button agar tampil seragam
- Tandai halaman aktif dengan kelas warna dan aria-current="page"
- Tambahkan tombol Prev dan Next di kedua ujung urutan
- Bungkus dengan elemen <nav> dan beri aria-label
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.