Bolehkah Anda Sarang Butang dalam HTML?

Butang Bersarang: Satu Teka-teki Semantik

Bolehkah elemen butang bersarang dalam butang lain? Jawapannya, menurut cadangan W3C, adalah tidak. Spesifikasi secara khusus menyatakan bahawa "Kandungan frasa, tetapi mesti ada tiada turunan kandungan interaktif."

Kandungan interaktif termasuk elemen yang membenarkan interaksi pengguna, seperti butang, medan input dan pautan. Oleh itu, meletakkan butang dalam butang lain melanggar peraturan ini.

Dalam contoh HTML yang disediakan, butang anak tidak responsif kepada gaya CSS dan muncul di luar bekas yang dimaksudkan. Ini kerana penghurai DOM mentafsir butang bersarang sebagai elemen bebas yang berasingan, bukan sebagai turunan daripada butang induk.

Memandangkan butang bersarang tidak sah, pembangun yang mencari penyelesaian mesti mempertimbangkan pendekatan alternatif. Satu pilihan ialah menggantikan butang induk dengan elemen yang berbeza, seperti div atau span. Walau bagaimanapun, adalah penting untuk memilih teg yang selari secara semantik dengan fungsi yang diingini.

Sebagai contoh, jika tujuan elemen induk adalah untuk menogol keterlihatan bahagian, ia boleh digantikan dengan butiran atau elemen ringkasan . Sebagai alternatif, jika peranan elemen adalah untuk mencetuskan tindakan, butang atau elemen pautan adalah lebih sesuai.

Atas ialah kandungan terperinci Bolehkah Anda Sarang Butang dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!