Panduan Kode: Membuat Fungsi Include

Fungsi Include adalah fungsi dasar untuk memanggil beberapa file dalam satu waktu sakaligus yakni saat browser membuka suatu halaman web. Fungsi ini biasanya diintegrasikan ke dalam kode suatu halaman web untuk memanggil file stylesheet, search, polling, author atau halaman penting lainnya.

Sebenarnya banyak sekali kode yang dipakai webdesainer. Paling tidak ada 6 cara yang banyak dipilih untuk menambahkan fungsi include ke dalam kode HTML.

Keenam kode ini menggunakan bahasa pemrograman sebagai berikut:

PHP – menggunakan php, phtml, atau phtm (server side  
JavaScript – menggunakan html atau htm (client side  
SSI – menggunakan ekstensi Server Side (shtml atau shtm)
ASP – menggunakan ekstensi asp (server side  
Ajax – Untuk keterangan lebih lanjut tentang Skrip Include dalam Ajax, temukan di sini.
Frames – Tutorial Frame dapat Anda temukan di sini.

Kode-kode berikut ini tergantung pada fasilitas server dan bagaimana setting server yang Anda gunakan.
Berikut ini basis perintah untuk menambahkan fungsi Include yang saya maksud:

SSI
Kode:
<!–#include file=”includes/menu.html” –>

ASP
Kode:
<!–#include file=”includes/menu.html” –>

PHP
Kode:
<?php include(“includes/menu.html”); ?>

JavaScript
Kode:
<script src=”includes/menu.js”></script>

(Jika anda menggunakan Javascript, mungkin beberapa Search Engine (Mesin Pencari) tidak akan bisa membacanya fungsi Include. Oleh karenanya saya tidak merekomendasikan tipe ini. Gunakan hanya jika Server Anda mendukung SSI, ASP, PHP dan atau Anda memerlukannya untuk mempertahankan ekstensi html file-file Anda.

Dengan model server side sebuah file akan diuraikan di server sebelum direder dalam browser. File menu.html hanya akan berisi kode navigasi Anda, misalnya seperti ini

Kode:

| <a href=”/beranda.asp”>Beranda</a> | <a href=”/tentang.asp”>Tentang Kamit</a> | <a href=”/kontak.asp”>Informasi Kontak</a> |

Dan hanya itu, tidak ada kode lain yang diperlukan karena bagian yang lain akan dipanggil dari halaman utama dengan menggunakan fungsi include.

Jika Anda menggunakan JavaScript akan sedikit berbeda caranya. Anda perlu menyimpan file ini sebagai menu.js:
Kode:

<!–
document.writeln(“| <a href=\”/beranda.asp\”>Beranda</a> | <a href=\”/tentang.asp\”>Tentang</a> | <a href=\”/kontak.asp\”>Informasi Kontak</a> |”);
//–>

dan kemudian panggil skrip tersebut ke dalam sebuah halaman dengan kode sebagai berikut:

Kode:
<script src=”includes/menu.js”></script>

Namun demikian, beberapa mesin pencari tidak bisa membaca Javascrip karena ini dianggap sebagai bahasa client side. Jika User menonaktifkan fungsi Javascript-nya, maka ia tidak akan melihat fungsi JavaScript.

Jika Anda menggunakan fungsi Include model server side, Saya merekomendasikan Anda untuk menggunakan link Virtual. Untuk mengetahui lebih detail tentang beberapa tipe hyperlink klik disini.

Jangan lupa periksa kembali fungsi Include mana saja yang didukung oleh hosting yang Anda gunakan saat ini.

terakhir, untuk ASP.NET (ASPX)Kodenya:

<%
Response.WriteFile (“FileAnda.inc”)
%>

Anda lebih suka yang mana?