Pengenalan
Ia lazimnya difahami bahawa meletakkan elemen blok dalam elemen sebaris adalah tidak betul. Namun, apa yang berlaku apabila sebaliknya berlaku? Khususnya, jika div yang mengandungi perenggan diubah menjadi sebaris oleh CSS, adakah ia masih mematuhi peraturan pengesahan HTML?
Spesifikasi CSS
Mengikut spesifikasi CSS 2.1 , kotak sebaris yang mengandungi kotak peringkat blok akan dibahagikan kepada dua kotak blok tanpa nama, satu sebelum dan satu selepas kotak peringkat blok. Kotak-kotak ini menjadi adik-beradik kotak peringkat blok. Tingkah laku ini terpakai walaupun sama ada kotak sekat tanpa nama kosong.
Pengesahan HTML
Status pengesahan HTML bergantung pada sama ada ia dinilai sebelum atau selepas aplikasi CSS. Sebelum CSS digunakan, HTML adalah sah. Walau bagaimanapun, selepas transformasi CSS, dokumen itu mungkin tidak lagi sah mengikut spesifikasi HTML.
Pelaksanaan dan Sokongan Penyemak Imbas
Spesifikasi CSS menyediakan garis panduan tentang cara penyemak imbas harus mengendalikan senario ini. Walau bagaimanapun, pelaksanaan penyemak imbas mungkin berbeza-beza. Sesetengah penyemak imbas telah melaksanakan sempadan pada elemen sebaris yang mengandungi blok dengan mencipta "kotak baris tanpa nama" di sekeliling blok bersarang. Tingkah laku ini tidak ditakrifkan secara eksplisit dalam CSS1 atau CSS2 dan mungkin tidak konsisten merentas semua penyemak imbas.
Pertimbangan HTML5
Dalam HTML5, adalah dibenarkan untuk meletakkan peringkat blok elemen di dalam elemen sebaris, seperti pautan. Ini boleh berguna apabila membuat blok besar kandungan HTML boleh klik.
Kesimpulan
Manakala kelakuan elemen blok yang terkandung dalam elemen sebaris selepas transformasi CSS dinyatakan dalam CSS spesifikasi, tafsiran dan pelaksanaan peraturan ini mungkin berbeza-beza merentas pelayar. Kesan pada pengesahan HTML bergantung pada masa pengesahan dilakukan, sebelum atau selepas aplikasi CSS.
Atas ialah kandungan terperinci Adakah Menukar Elemen Blok kepada Sebaris melalui CSS, Apabila Mengandungi Elemen Blok Lain, HTML Sah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!