Halaman bahagian hadapan terdiri daripada tiga lapisan: "lapisan struktur", "lapisan pembentangan" dan "lapisan gelagat". Lapisan struktur ialah rangka halaman, yang dicipta oleh HTML, digunakan untuk membina struktur dokumen. Lapisan pembentangan ialah gaya halaman, dicipta oleh CSS, digunakan untuk menetapkan kesan pembentangan dokumen; ialah gelagat halaman, dicipta oleh JavaScript, digunakan untuk Melaksanakan gelagat dokumen.
Persekitaran pengendalian tutorial ini: sistem Windows 7, CSS3&&HTML5&&javascript versi 1.8.5, komputer Dell G3.
Tiga lapisan muka surat hadapan ialah lapisan struktur, lapisan pembentangan dan lapisan tingkah laku.
Lapisan struktur ialah rangka halaman, dicipta oleh bahasa penanda HTML atau XHTML dan digunakan untuk membina struktur dokumen.
HTML digunakan untuk mentakrifkan kandungan halaman web, seperti tajuk, teks, imej, dll.
Lapisan persembahan ialah gaya halaman, Dicipta oleh CSS (Cascading Style Sheets) dan digunakan untuk menetapkan kesan pembentangan dokumen.
CSS digunakan untuk mengawal penampilan halaman web, seperti warna, fon, latar belakang, dll.;
ialah gelagat halaman, Dicipta oleh bahasa JavaScript dan digunakan untuk melaksanakan gelagat dokumen.
Walau bagaimanapun, terdapat beberapa kawasan potensi pertindihan antara ketiga-tiga teknologi ini, seperti: Teknologi DOM boleh digunakan untuk menukar struktur halaman web. Contoh teknik bertindih juga boleh didapati dalam CSS. Simbol pratakrif (atribut kelas pseudo) seperti :hover dan :focus membolehkan kami menukar pemaparan berdasarkan peristiwa yang dicetuskan pengguna. Menukar pembentangan elemen sudah tentu "sfera pengaruh" lapisan pembentangan, tetapi bertindak balas terhadap peristiwa yang dicetuskan pengguna adalah domain lapisan tingkah laku. Pertindihan lapisan pembentangan dan tingkah laku ini mewujudkan kawasan kelabu.
Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:
Atas ialah kandungan terperinci Apakah tiga lapisan yang terdiri daripada halaman hadapan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!