Ketika konten harus tersedia sesuai permintaan, rincian dan ringkasan memberikan kontrol pengungkapan bawaan. Browser menangani keadaan terbuka, aktivasi keyboard, dan semantik yang diperluas.
<details>
<summary>What does this setting do?</summary>
<p>It changes how the page displays the selected content.</p>
</details>Jaga agar ringkasannya bermanfaat
- Jadikan ringkasan sebagai deskripsi singkat tentang konten yang tersembunyi.
- Tempatkan ringkasan sebagai anak pertama dari detail.
- Jangan letakkan tautan, tombol, atau kontrol interaktif lainnya di dalam ringkasan.
Gunakan grup hanya jika diperlukan
Atribut name dapat membuat sekelompok detail berperilaku seperti satu set di mana pembukaan satu menutup yang lain. Hal ini berguna untuk panel FAQ yang terbuka satu kali, namun tidak jika pembaca ingin beberapa bagian dibuka secara bersamaan.
Lebih memilih elemen asli daripada pengungkapan khusus jika perilakunya sesuai dengan desain. Tambahkan gaya di sekitar semantik daripada membangun kembali kontrol dengan wadah umum yang dapat diklik.