Menggunakan HTML termasuk dapat sangat menyederhanakan pengelolaan situs Anda
Pergi ke situs web apa pun dan navigasi dari halaman ke halaman dan Anda akan segera menyadari bahwa, sementara masing-masing halaman itu mungkin berbeda dalam banyak hal, mereka juga sangat mirip di situs lain. Hampir semua situs web menyertakan elemen desain yang diulang di setiap halaman di situs. Beberapa contoh elemen situs yang akan ditemukan di setiap halaman akan menjadi area header tempat logo berada, navigasi, dan area footer.
Elemen berulang di situs memungkinkan konsistensi dalam pengalaman pengguna. Pengunjung tidak perlu mencari navigasi di setiap halaman karena begitu mereka menemukannya, mereka tahu di mana itu akan berada di halaman lain dari situs yang mereka kunjungi.
Bagaimana Termasuk Membuat Desain Web Lebih Efisien
Sebagai seseorang yang ditugasi mengelola situs web, bidang yang berulang ini menawarkan tantangan. Bagaimana jika Anda perlu membuat perubahan pada sesuatu di area itu? Misalnya, jika footer Anda (yang ada di setiap halaman situs) menyertakan pernyataan hak cipta dengan satu tahun, apa yang terjadi ketika tahun itu berubah dan Anda perlu mengedit tanggalnya? Karena bagian itu ada di setiap halaman, Anda sekarang perlu mengedit setiap halaman situs Anda secara individual untuk membuat perubahan itu - atau apakah Anda?
Konten yang disertakan dapat menghilangkan kebutuhan untuk mengedit setiap halaman situs Anda untuk konten yang berulang ini. Sebagai gantinya, Anda cukup mengedit satu file dan seluruh situs Anda dan setiap halaman di dalamnya mendapat pembaruan!
Mari kita lihat beberapa cara Anda dapat menambahkan fungsi ini ke situs Anda dan menyertakan satu file HTML di sejumlah lainnya.
Konten Berulang dalam Sistem Manajemen Konten
Jika situs Anda menggunakan CMS , maka kemungkinan menggunakan templat atau tema tertentu adalah bagian dari perangkat lunak itu. Bahkan jika Anda kustom membangun template ini dari awal, situs ini tetap memanfaatkan kerangka ini untuk halaman.
Dengan demikian, template CMS tersebut akan berisi area situs yang diulang di setiap halaman. Anda cukup login ke backend CMS dan edit templat yang diperlukan. Semua halaman situs yang menggunakan template itu akan diperbarui.
Bahkan jika Anda tidak memiliki sistem manajemen konten untuk situs Anda, Anda masih dapat memanfaatkan file yang disertakan. Dalam HTML, ada termasuk yang dapat membantu mengelola area templated situs Anda lebih mudah.
Apakah yang Dimasukkan oleh HTML?
Penyertaan adalah bagian dari HTML yang bukan dokumen HTML lengkap dengan sendirinya. Sebaliknya, itu adalah bagian dari halaman lain yang dapat dimasukkan ke dalam halaman web lengkap pemrograman. Sebagian besar file termasuk item-item tersebut di atas yang diulang pada beberapa halaman situs web. Sebagai contoh:
- Navigasi
- Informasi Hak Cipta
- Area Header
- Area Footer
Ada keuntungan untuk memiliki area yang berulang ini termasuk pada halaman. Sayangnya, proses memasukkan file bukanlah sesuatu yang dapat terjadi hanya dengan HTML, jadi Anda harus memiliki beberapa jenis program atau skrip yang akan menambahkan file include Anda ke dalam halaman web Anda.
Menggunakan Sisi Server Termasuk
Server Side termasuk, juga dikenal sebagai SSI, pertama kali dikembangkan untuk memungkinkan pengembang Web untuk "memasukkan" dokumen HTML di dalam halaman lain.
Pada dasarnya, potongan yang ditemukan dalam satu dokumen dimasukkan ke dalam yang lain ketika halaman dijalankan di server dan dikirim ke browser web.
SSI disertakan di sebagian besar server web, tetapi Anda mungkin harus mengaktifkannya agar dapat berfungsi. Jika Anda tidak tahu apakah server Anda mendukung SSI, hubungi penyedia hosting Anda.
Berikut ini contoh bagaimana Anda dapat menggunakan SSI untuk menyertakan cuplikan HTML di semua halaman web Anda:
- Simpan HTML untuk elemen umum situs Anda sebagai file terpisah. Misalnya, bagian navigasi Anda mungkin disimpan sebagai navigation.html atau navigation.ssi .
- Gunakan kode SSI berikut untuk memasukkan kode dokumen HTML itu di setiap halaman ( gantikan jalur file dan nama file Anda di antara tanda kutip ). {C}
- Tambahkan kode ini di setiap halaman yang ingin Anda sertakan file.
Menggunakan PHP Termasuk
PHP adalah bahasa scripting tingkat server. Ia dapat melakukan sejumlah hal, tetapi satu penggunaan yang umum adalah memasukkan dokumen HTML ke dalam halaman Anda, sama seperti yang baru saja kita bahas dengan SSI.
Seperti SSI, PHP adalah teknologi tingkat server. Jika Anda tidak yakin apakah Anda memiliki fungsionalitas PHP di situs web Anda, hubungi penyedia hosting Anda.
Berikut ini adalah skrip PHP sederhana yang dapat Anda gunakan untuk menyertakan cuplikan HTML pada halaman Web berkemampuan PHP apa pun:
- Simpan HTML untuk elemen umum situs Anda, seperti navigasi, untuk memisahkan file. Misalnya, bagian navigasi Anda mungkin disimpan sebagai navigation.html atau navigation.ssi .
- Gunakan kode PHP berikut untuk memasukkan HTML itu di setiap halaman ( gantikan jalur file dan nama file Anda di antara tanda kutip ). navigation.php ");?>
- Tambahkan kode yang sama ini di setiap halaman yang ingin Anda sertakan file.
JavaScript Termasuk
JavaScript adalah cara lain untuk memasukkan HTML di dalam halaman situs Anda. Ini memiliki keuntungan karena tidak memerlukan pemrograman tingkat-server, tetapi ini sedikit lebih rumit - dan ini jelas bekerja untuk browser yang memungkinkan untuk Javascript, yang kebanyakan dilakukan kecuali pengguna memutuskan untuk menonaktifkannya.
Di sini adalah bagaimana Anda dapat menyertakan potongan HTML menggunakan JavaScript :
- Simpan HTML untuk elemen umum situs Anda ke file JavaScript. Setiap HTML yang ditulis dalam file ini, harus dicetak ke layar dengan fungsi document.write.
- Unggah file itu ke situs web Anda.
- Gunakan elemen