Sebuah bingkai membagi jendela browser menjadi beberapa panel independen, yang masing-masing berisi halaman HTML independen.
1. Konsep dasar kerangka
Pengguna dapat memuat atau memuat ulang konten panel individual melalui bingkai tanpa memuat ulang seluruh konten jendela browser. Sehubungan dengan frame, kumpulan frame yang sesuai dengan keseluruhan jendela browser disebut frameset.
Dalam HTML, gunakan tag frameset <frameset> untuk membagi bingkai halaman, dan gunakan atribut baris (atau kolom) untuk menunjukkan jumlah baris (atau kolom) bingkai dan proporsi jendela yang ditempati.
Peran bingkai jendela:
Ini adalah membagi halaman web menjadi beberapa halaman HTML, yaitu membagi layar jendela menjadi beberapa jendela kecil, dan di setiap jendela kecil, halaman web yang berbeda dapat ditampilkan, dan di browser, halaman lengkap akan terbentuk, jadi bahwa di browser Efek menjelajahi halaman web yang berbeda secara bersamaan.
Fitur terbesar dari halaman web bingkai:
Tanpa mengubah tata letak seluruh halaman, halaman HTML dapat dihubungkan satu sama lain untuk mencapai tujuan memperoleh konten yang diperlukan tanpa membalik halaman. Fitur ini menjadikannya unik dalam menampilkan dokumen elektronik.
2. Tag bingkai
Sintaks dasar:
<rangkaian bingkai>
<bingkai>
<bingkai>
…
</bingkai>
Penjelasan sintaksis: Frameset adalah halaman HTML yang mendefinisikan sekumpulan struktur frame dalam dokumen. Tidak ada tag <BODY> di halaman ini. Frameset menentukan jumlah, ukuran, dan memuat halaman frame yang ditampilkan di jendela.
Catatan 1: Komponen bingkai jendela yang ditentukan oleh tag <Frameset> setara dengan komponen tema file yang ditentukan oleh tag <BODY>. Oleh karena itu, tag <Frameset> tidak dapat disertakan dalam tag <BODY>, jika tidak, tag <Frameset > tag tidak akan berfungsi dengan baik.
Catatan 2: Tag <Frame> digunakan untuk mendefinisikan sub-jendela. Karena tidak ada tag akhir, tag hanya digunakan untuk mengatur berbagai atribut dalam tag untuk mengontrol bingkai jendela yang diwakilinya.
(1) Atribut jendela belah kiri dan kanan Cols
Sintaks dasar:
<frameset cols="nilai,nilai,...">
<bingkai>
<bingkai>
…
</bingkai>
Penjelasan sintaksis: Nilai menentukan nilai lebar setiap frame. Satuannya dapat berupa piksel atau persentase.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
Efeknya seperti yang ditunjukkan pada gambar:
(2) Atribut jendela belah atas dan bawah Baris
Sintaks dasar:
<frameset baris="nilai,nilai,...">
<bingkai>
<bingkai>
…
</bingkai>
Penjelasan sintaksis: Nilai menentukan nilai lebar setiap frame. Satuannya dapat berupa piksel atau persentase.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
Efeknya seperti yang ditunjukkan pada gambar:
(3) Jendela terpisah bersarang
Sintaks dasar:
<frameset cols="nilai,nilai,...">
<bingkai>
<frameset baris="nilai,nilai,...">
<bingkai>
<bingkai>
…
</bingkai>
<bingkai>
…
</bingkai>
Penjelasan sintaksis: Pemisahan dapat disarangkan.
<html><head><title>Jendela terpisah bertingkat</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><bingkai><frame></frameset></frameset></html>
Efeknya adalah sebagai berikut:
(4) Atribut lebar batas bingkai FrameSpacing
Sintaks dasar:
<frameset FrameSpacing="NILAI">
Penjelasan sintaks: Atur lebar batas frameset dalam piksel.
(5) Atribut warna batas set bingkai Bordercolor
Sintaks dasar:
<frameset BorderColor="COLOR_VALUE">
Penjelasan sintaks: Mengatur warna batas frameset.
3. Tag bingkai <Bingkai>:
(1) Atribut file sumber halaman bingkai SRC
Sintaks dasar:
<bingkai src="FILE_NAME">
Penjelasan sintaksis: Setiap frame memiliki halaman web yang ditampilkan, dan atribut SRC menetapkan jalur file halaman frame.
(2) Atribut nama bingkai Nama
Sintaks dasar:
<bingkai src="FILE_NAME" nama="Frame_name">
Penjelasan sintaks: Anda dapat memberi nama pada setiap link. Nama tersebut digunakan untuk link dan deskripsi skrip halaman dan tidak mempengaruhi tampilan halaman.
Aturan penamaan: Satu kata boleh memiliki garis bawah "_", harus diawali dengan huruf, dan peka huruf besar-kecil.
(3) Batas bingkai menampilkan properti FrameBorder
Sintaks dasar:
<bingkai src="FILE_NAME" frameborder="VALUE">
Penjelasan sintaksis: Jika VALUE 0 maka border tidak akan ditampilkan, dan jika 1 maka border akan ditampilkan.
Catatan 1: Properti Frameborder dapat digunakan untuk mengontrol lingkungan sekitar bingkai jendela dan apakah akan menampilkan bingkai atau tidak.
Catatan 2: Atribut ini dapat digunakan dalam tag <Frameset> dan tag <Frame>. Bila digunakan dalam tag <Frameset>, atribut ini dapat mengontrol semua jendela anak dari bingkai jendela. Saat digunakan dalam tag <Frame>, hanya subjendela yang diwakili oleh tag yang dapat dikontrol.
Catatan 3: 0 berarti tidak menampilkan garis bingkai, 1 berarti menampilkan garis bingkai, dan nilai defaultnya adalah 1.
(4) Properti tampilan bilah gulir bingkai Bergulir
Sintaks dasar:
<frame src="FILE_NAME" bergulir="VALUE">
Penjelasan sintaks: Jika nilai VALUE YES maka akan ditampilkan scroll bar, jika NO maka scroll bar tidak akan ditampilkan, dan jika AUTO maka otomatis akan menentukan apakah akan menampilkan scroll bar berdasarkan halaman panjang.
(5) Atribut penyesuaian ukuran bingkai NoResize
Sintaks dasar:
<frame src="FILE_NAME" Tanpa Ubah Ukuran>
Penjelasan Sintaks: NORESIZE melarang perubahan ukuran frame.
(6) Atribut lebar tepi bingkai MarginWidth
Sintaks dasar:
<bingkai src="FILE_NAME"
MarginWidth="nilai">
Penjelasan sintaksis: MarginWidth mengatur margin kiri dan kanan frame.
(7) Atribut tinggi tepi bingkai MarginHeight
Sintaks dasar:
<bingkai src="FILE_NAME"
MarginHeight="nilai">
Penjelasan sintaksis: MarginHeight mengatur margin atas dan bawah frame.
4. Tag bingkai tidak didukung
Untuk digunakan dengan browser yang tidak mendukung teknologi frame.
Sintaks dasar:
<frameset cols="nilai,nilai,...">
<bingkai>
<bingkai>
…
<Tanpa bingkai>
…
</Tanpa bingkai>
</bingkai>
5. Bingkai mengambang
Bingkai mengambang adalah halaman bingkai khusus yang menyarangkan subjendela di jendela browser dan kemudian menampilkan konten halaman di dalamnya.
Sintaks dasar: <IFRAME>……</IFRAME>
6. Bingkai dan tautan
Tujuan penting penggunaan bingkai adalah untuk menampilkan halaman berbeda dalam bingkai berbeda.
Terutama melalui atribut "Target" tautan untuk mengatur bingkai dan jendela di mana halaman tertaut ditampilkan.