Menggunakan HTML termasuk dapat memudahkan pengurusan laman web anda
Pergi ke mana-mana laman web dan arahkan dari halaman ke halaman dan anda dengan cepat akan menyedari bahawa, sementara setiap laman tersebut mungkin berbeza dalam banyak cara, mereka juga agak serupa pada orang lain. Hampir semua laman web termasuk elemen reka bentuk yang diulangi di setiap halaman di laman web ini. Beberapa contoh unsur tapak yang akan dijumpai di setiap halaman akan menjadi kawasan pengepala di mana logo berada, navigasi, dan kawasan footer.
Unsur-unsur yang berulang di tapak membenarkan konsistensi dalam pengalaman pengguna. Seorang pelawat tidak perlu mencari navigasi pada setiap halaman kerana setelah mereka mendapatinya, mereka tahu di mana ia akan berada di halaman lain laman web yang mereka lawati.
Bagaimana Termasuk Membuat Reka Bentuk Web Lebih Cekap
Sebagai seseorang yang bertanggungjawab menguruskan laman web, kawasan berulang ini menawarkan satu cabaran. Bagaimana jika anda perlu membuat perubahan kepada sesuatu di kawasan itu? Sebagai contoh, jika footer anda (yang terdapat pada setiap halaman laman web) termasuk kenyataan hak cipta dengan setahun, apa yang berlaku apabila perubahan tahun itu dan anda perlu mengedit tarikhnya? Oleh kerana seksyen itu berada di setiap halaman, kini anda perlu mengedit setiap halaman tunggal halaman anda untuk membuat perubahan itu - atau adakah anda?
Kandungan yang disertakan boleh menghapuskan keperluan untuk mengedit setiap halaman tapak anda untuk kandungan yang berulang ini. Sebaliknya, anda hanya mengedit satu fail dan seluruh laman web anda dan setiap halaman di dalamnya mendapat kemas kini!
Mari lihat beberapa cara anda boleh menambah fungsi ini ke dalam laman web anda dan sertakan satu fail HTML dalam beberapa orang lain.
Kandungan Berulang dalam Sistem Pengurusan Kandungan
Jika tapak anda menggunakan CMS , maka kemungkinan menggunakan templat atau tema tertentu adalah bagian dari perangkat lunak tersebut. Walaupun anda membina templat ini dari awal, laman web ini masih memanfaatkan rangka kerja ini untuk halaman.
Oleh itu, templat CMS tersebut akan mengandungi kawasan tapak yang diulangi setiap halaman. Anda hanya log masuk ke backend CMS dan edit templat yang diperlukan. Semua halaman tapak yang menggunakan templat tersebut akan dikemas kini.
Walaupun anda tidak mempunyai sistem pengurusan kandungan untuk tapak anda, anda masih boleh memanfaatkan fail yang disertakan. Dalam HTML, terdapat termasuk yang dapat membantu membuat pengurusan kawasan templat di tapak anda lebih mudah.
Apakah HTML Termasuk?
Termasuk adalah seksyen HTML yang bukan dokumen HTML sepenuhnya dengan sendirinya. Sebaliknya, ia adalah sebahagian dari halaman lain yang boleh dimasukkan ke dalam pengaturcaraan laman web penuh. Kebanyakan termasuk fail adalah item yang disebutkan di atas yang diulangi pada beberapa halaman laman web. Sebagai contoh:
- Navigasi
- Maklumat Hakcipta
- Kawasan Pengepala
- Kawasan Footer
Terdapat kelebihan untuk mempunyai kawasan berulang ini termasuk di halaman. Malangnya, proses memasukkan fail bukan sesuatu yang boleh berlaku dengan HTML sahaja, jadi anda perlu mempunyai beberapa jenis program atau skrip yang akan menambah fail memasukkan anda ke halaman web anda.
Menggunakan Pelayan Sisi Termasuk
Side Server Termasuk, juga dikenali sebagai SSI, mula-mula dibangunkan untuk membolehkan pemaju Web untuk "menyertakan" dokumen HTML di dalam halaman lain.
Pada dasarnya, coretan yang terdapat dalam satu dokumen dimasukkan ke dalam yang lain apabila halaman dijalankan di pelayan dan dihantar ke penyemak imbas web.
SSI dimasukkan ke kebanyakan pelayan web, tetapi anda mungkin perlu mengaktifkannya agar dapat berfungsi. Sekiranya anda tidak tahu sama ada pelayan anda menyokong SSI, hubungi penyedia hosting anda.
Inilah contoh bagaimana anda boleh menggunakan SSI untuk menyertakan coretan HTML dalam semua laman web anda:
- Simpan HTML untuk unsur-unsur biasa laman web anda sebagai fail berasingan. Sebagai contoh, seksyen navigasi anda mungkin disimpan sebagai navigation.html atau navigation.ssi .
- Gunakan kod SSI berikut untuk memasukkan kod dokumen HTML itu di setiap halaman ( menggantikan laluan fail dan nama fail antara tanda petikan ). {C}
- Tambah kod ini pada setiap halaman yang anda ingin sertakan fail tersebut.
Menggunakan PHP Termasuk
PHP adalah bahasa skrip peringkat pelayan. Ia boleh melakukan beberapa perkara, tetapi satu kegunaan umum adalah memasukkan dokumen HTML di dalam halaman anda, sama seperti kami hanya dilindungi oleh SSI.
Seperti SSI, PHP adalah teknologi peringkat pelayan. Sekiranya anda tidak pasti jika anda mempunyai fungsi PHP di laman web anda, hubungi penyedia hosting anda.
Berikut adalah skrip PHP mudah yang anda boleh gunakan untuk memasukkan coretan HTML pada mana-mana halaman Web yang dibolehkan PHP:
- Simpan HTML untuk elemen umum laman web anda, seperti navigasi, untuk memisahkan fail. Sebagai contoh, seksyen navigasi anda mungkin disimpan sebagai navigation.html atau navigation.ssi .
- Gunakan kod PHP berikut untuk memasukkan HTML itu dalam setiap halaman ( menggantikan laluan fail dan nama fail antara tanda petikan ). navigation.php ");?>
- Tambah kod yang sama pada setiap halaman yang anda ingin sertakan fail.
Termasuk JavaScript
JavaScript adalah cara lain untuk memasukkan HTML dalam halaman laman anda. Ini mempunyai kelebihan tidak memerlukan pengaturcaraan tahap pelayan, tetapi ia lebih rumit - dan ia jelas berfungsi untuk penyemak imbas yang membolehkan Javascript, yang paling banyak dilakukan kecuali pengguna memutuskan untuk menyahdayakannya.
Inilah caranya anda boleh memasukkan coretan HTML menggunakan JavaScript :
- Simpan HTML untuk elemen umum laman web anda ke fail JavaScript. Mana-mana HTML yang ditulis dalam fail ini, mesti dicetak pada skrin dengan fungsi document.write.
- Muat naik fail tersebut ke laman web anda.
- Gunakan elemen