Adakah bahagian hadapan web hanya lapisan pembentangan?

Tidak. Bahagian hadapan web boleh dibahagikan kepada tiga lapisan: 1. Lapisan struktur, yang dicipta oleh bahasa penanda​​seperti HTML atau XHTML dan digunakan untuk menyimpan semua kandungan yang ingin dibaca atau dilihat oleh pelanggan, yang boleh termasuk teks, imej, hiperpautan dan multimedia. 2. Lapisan pembentangan, yang dicipta oleh CSS, mengandungi arahan gaya tentang cara memaparkan dokumen web dalam pelayar web. 3. Lapisan tingkah laku ialah gelagat halaman web Ia dicipta oleh bahasa JS dan boleh mengemas kini kandungan dalam halaman web dalam masa nyata, menjadikan tapak web interaktif dan membenarkan halaman bertindak balas kepada operasi pengguna atau perubahan berdasarkan sesuatu. set syarat.

Persekitaran pengendalian tutorial ini: sistem Windows 7, komputer Dell G3.

W3C merujuk kepada World Wide Web Consortium, yang diasaskan pada Oktober 1994. Kemunculan W3C adalah untuk menyesuaikan piawaian untuk pembangunan web, supaya halaman web yang sama boleh mempunyai kesan yang sama dalam pelayar yang berbeza, jadi halaman web bertulis tersuai kami perlu mengikut spesifikasi W3C.

Idea pembangunan bahagian hadapan Web adalah untuk membahagikan halaman web kepada tiga peringkat, iaitu: lapisan struktur, lapisan persembahan (gaya), dan lapisan tingkah laku.

HTML: Lapisan Struktur

Lapisan struktur atau kandungan halaman web ialah kod HTML asas halaman tersebut. Sama seperti rangka kerja rumah membina asas yang kukuh untuk seluruh rumah, asas HTML yang kukuh mewujudkan platform di mana tapak web boleh dibuat.

Lapisan struktur digunakan untuk menyimpan semua kandungan yang ingin dibaca atau dilihat oleh pelanggan. Struktur HTML boleh mengandungi teks dan imej, dan ia termasuk hiperpautan yang digunakan pelawat untuk menavigasi tapak web. Ini dikodkan dalam HTML5 yang mematuhi piawaian dan boleh termasuk teks, imej dan multimedia (video, audio, dsb.).

CSS: Lapisan Gaya

Lapisan ini menentukan cara dokumen HTML berstruktur kelihatan kepada pelawat ke tapak web dan ditakrifkan oleh CSS (Cascading Style Sheets). Fail ini mengandungi arahan penggayaan untuk cara memaparkan dokumen dalam pelayar web. Lapisan gaya biasanya termasuk pertanyaan media yang mengubah paparan tapak berdasarkan saiz skrin dan peranti.

Semua gaya visual untuk tapak web anda hendaklah dalam helaian gaya luaran. Anda boleh menggunakan berbilang helaian gaya, tetapi perlu diingat bahawa setiap fail CSS memerlukan permintaan HTTP untuk mengambilnya, yang menjejaskan prestasi tapak.

JavaScript: Lapisan Gelagat

Lapisan gelagat menjadikan tapak web interaktif, membenarkan halaman bertindak balas kepada tindakan pengguna atau berubah berdasarkan satu set syarat. JavaScript ialah bahasa yang paling biasa digunakan untuk lapisan tingkah laku, tetapi CGI dan PHP juga kerap digunakan.

Apabila pembangun merujuk kepada lapisan tingkah laku, kebanyakannya merujuk kepada lapisan yang diaktifkan terus dalam penyemak imbas web. Anda boleh menggunakan lapisan ini untuk berinteraksi secara langsung dengan DOM (Document Object Model). Menulis HTML yang sah dalam lapisan kandungan adalah sangat penting untuk interaksi DOM dalam lapisan tingkah laku. Apabila membina lapisan tingkah laku, fail skrip luaran harus digunakan sama seperti CSS untuk mengoptimumkan kelajuan dan prestasi.

Ringkasnya, JavaScript, HTML dan CSS bersama-sama membentuk halaman web yang kita lihat

• HTML digunakan untuk mentakrifkan kandungan halaman web. Contohnya, tajuk, teks, imej, dsb.;

• JavaScript digunakan Untuk mengemas kini kandungan dalam halaman web dalam masa nyata, seperti mendapatkan data daripada pelayan dan mengemas kininya ke halaman web, mengubah suai gaya beberapa tag atau kandungan, dsb., untuk menjadikan halaman web lebih jelas.

• HTML ialah HyperText Markup Language, bahasa markup standard yang digunakan untuk membuat halaman web. HTML bertanggungjawab untuk struktur tiga komponen halaman web HTML menggunakan tag untuk mengenal pasti komponen halaman web yang berbeza. Apa yang dipanggil hiperteks merujuk kepada hiperpautan, yang membolehkan kita melompat dari satu halaman ke halaman yang lain.

CSS merujuk kepada Cascading Style Sheets mentakrifkan cara untuk memaparkan elemen HTML dan digunakan untuk mengawal penampilan halaman web. CSS bertanggungjawab untuk prestasi tiga komponen halaman web dan gaya biasanya disimpan dalam fail .css luaran. Kami hanya perlu mengedit dokumen CSS mudah untuk menukar reka letak dan penampilan semua halaman.

JavaScript ialah bahasa skrip (pendek kata "JS"), bahasa pengaturcaraan ringan yang digunakan untuk mengawal tingkah laku halaman web. JavaScript bertanggungjawab untuk kelakuan tiga komponen halaman web Ia boleh dimasukkan ke dalam kod pengaturcaraan halaman HTML Selepas JavaScript dimasukkan ke dalam halaman HTML, ia boleh dilaksanakan oleh semua pelayar moden.

Pengetahuan lanjutan: Faedah melapis

1 Sumber kongsi: Apabila anda menulis fail CSS atau JavaScript luaran, sebarang kandungan di tapak anda. Fail ini boleh digunakan pada semua halaman. Jika anda perlu membuat perubahan pada fail ini, mungkin mengemas kini beberapa gaya tipografi di tapak anda, setiap halaman yang menggunakan helaian gaya ini akan mendapat perubahan. Tidak perlu mengedit setiap halaman tapak web anda secara individu, yang boleh menjadi tugas yang susah payah untuk tapak web yang besar.

2. Kelajuan muat turun yang lebih pantas:

Selepas skrip atau helaian gaya dimuat turun oleh pelanggan buat kali pertama, penyemak imbas web akan menyimpannya dalam cache. Oleh kerana sumber yang dikongsi ini kini disertakan dalam cache penyemak imbas, halaman lain yang diminta dalam penyemak imbas dimuatkan dengan lebih cepat, meningkatkan kelajuan dan prestasi halaman keseluruhan.

3. Pasukan berbilang orang:

Jika anda mempunyai beberapa orang yang bekerja di tapak pada masa yang sama, anda boleh menggunakan sistem yang membenarkan fail didaftar masuk dan keluar untuk memastikan semua orang menggunakan versi terkini. Lebih sukar jika gaya dan tingkah laku dikaitkan dengan dokumentasi struktur.

4. Pengoptimuman Enjin Carian:

Tapak web yang memisahkan gaya dan struktur dengan jelas berkemungkinan berprestasi lebih baik untuk enjin carian kerana mereka boleh merangkak kandungan dan memahami halaman dengan lebih cekap terperangkap dalam gaya visual dan pemesejan tingkah laku.

5. Kebolehaksesan:

Helaian gaya luaran dan fail skrip lebih mudah diakses oleh orang dan penyemak imbas. Perisian seperti pembaca skrin boleh bekerja dengan lebih mudah dengan kandungan dalam lapisan struktur tanpa perlu berurusan dengan gaya yang tidak boleh digunakan.

6. Keserasian Ke Belakang:

Tapak yang direka bentuk dengan lapisan pembangunan berasingan lebih berkemungkinan serasi ke belakang, kerana pelayar dan peranti yang tidak boleh menggunakan gaya CSS tertentu atau telah melumpuhkan JavaScript masih boleh HTML dilihat. Anda kemudiannya boleh mempertingkatkan tapak web anda secara beransur-ansur menggunakan ciri penyemak imbas yang menyokongnya.

(Mempelajari perkongsian video: Bermula dengan bahagian hadapan web)

Atas ialah kandungan terperinci Adakah bahagian hadapan web hanya lapisan pembentangan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!