Sebagai desainer web, kita semua ingin bekerja dengan teknologi terbaru dan terhebat. Namun, terkadang kami terjebak mengerjakan halaman lawas yang, karena satu dan lain alasan, tidak dapat diperbarui ke standar web saat ini. Anda melihat ini pada aplikasi perangkat lunak tertentu yang mungkin telah dibuat khusus untuk perusahaan bertahun-tahun yang lalu. Jika Anda ditugaskan untuk bekerja di situs-situs tersebut, Anda pasti akan membuat tangan Anda kotor bekerja dengan beberapa kode lama. Anda bahkan dapat melihat satu atau dua di sana!
Elemen HTML adalah perlengkapan dari desain situs web beberapa tahun yang lalu, tetapi ini adalah fitur yang jarang Anda lihat di situs akhir-akhir ini — dan untuk alasan yang bagus. Mari kita lihat di mana dukungan saat ini, dan apa yang perlu Anda ketahui jika Anda terpaksa bekerja dengan bingkai di situs web lama.
Dukungan HTML5 untuk Bingkai
ItuHTML5. Ini berarti bahwa jika Anda mengkodekan halaman web menggunakan iterasi terbaru dari bahasa tersebut, Anda tidak dapat menggunakan bingkai HTML di dokumen Anda. Jika Anda ingin menggunakan
HTML 4.01 atau XHTML untuk Anda doctype halaman.Karena bingkai tidak didukung di HTML5, Anda tidak akan menggunakan elemen ini di situs yang baru dibuat. Ini adalah sesuatu yang hanya akan Anda temui di situs warisan yang disebutkan di atas.
Jangan Bingung Dengan iFrames
HTML
Menargetkan Bingkai HTML
Oke, jadi semua tentang frame yang sudah usang telah dikatakan, apa yang terjadi jika Anda memang perlu bekerja dengan potongan HTML lama ini?
Jika Anda menggunakan doctype lama dan Anda ingin menggunakan bingkai HTML, ada beberapa masalah umum yang harus Anda waspadai. Salah satu masalah itu adalah membuka tautan di benar bingkai. Ini disebut penargetan. Anda memberi tag jangkar Anda "target" untuk membuka tautan mereka. Targetnya biasanya nama frame.
Dalam frameset di atas, ada dua frame, yang pertama disebut "nav" dan yang kedua disebut "utama". Kita dapat membayangkan bahwa bingkai nav (frame1.html) adalah navigasi dan semua tautan di dalamnya harus terbuka di dalam bingkai utama (frame2.html).
Untuk melakukan ini, Anda akan memberikan tautan di frame1 target "utama". sasaran="utama">. Tetapi bagaimana jika Anda tidak ingin menambahkan target ke setiap tautan di halaman navigasi Anda? Anda dapat menetapkan target default di HEAD dokumen Anda. Ini disebut target dasar. Anda akan menambahkan baris
Frame dan Noframe
Salah satu bagian tag frame yang paling sering disalahgunakan adalah noframes. Tag ini memungkinkan orang dengan browser yang tidak kompatibel dengan bingkai untuk melihat halaman Anda (ini tidak berfungsi untuk HTML5, hanya untuk browser yang sangat lama tanpa dukungan bingkai — jadi Anda tidak dapat mencoba menjejalkan ini ke dalam HTML5 untuk membuatnya kerja. Usaha yang bagus, tetapi tidak berhasil.), dan itu adalah tujuan akhir, bukan?
Dalam frameset khas, HTML terlihat seperti ini:
Ini akan membuat halaman dengan dua bingkai, bagian atas setinggi 40 piksel dan bagian bawah menjadi sisa halaman. Ini akan membuat frameset bilah navigasi atas yang bagus dengan branding dan navigasi dalam bingkai 40-piksel.
Namun, jika salah satu pemirsa Anda datang ke situs Anda pada browser yang tidak kompatibel dengan bingkai, mereka mendapatkan halaman kosong. Kemungkinan mereka kembali ke situs Anda cukup tipis, dan untuk membuatnya dapat dilihat oleh mereka, Anda perlu menambahkan empat baris HTML lagi:
Situs ini dibingkai, tetapi Anda bisa lihat versi tanpa bingkai.
Karena Anda menunjuk ke bagian konten dari frameset Anda (frame2.html) di bagian noframe halaman, situs Anda menjadi dapat diakses.
Ingatlah bahwa meskipun Anda mungkin menggunakan versi terbaru dari peramban favorit Anda, audiens Anda mungkin tidak ingin terus-menerus mengunduh perangkat lunak terbaru. Mesin mereka mungkin tidak mendukungnya, atau mereka mungkin tidak memiliki ruang untuk menginstal program 20+ Meg di hard drive mereka. Menambahkan empat baris HTML adalah solusi sederhana.