Jendela dokumen browser hanya dapat menampilkan satu file halaman web, tetapi dapat menampilkan lebih dari satu halaman di jendela browser yang sama dengan menggunakan kerangka kerja. Halaman menggunakan bingkai terutama berisi dua bagian, satu adalah set bingkai dan yang lainnya adalah file bingkai tertentu.
Kerangka kerja sebagian besar digunakan untuk tata letak sistem backend atau intranet situs web.
1. Frameset (<Frameset> </Frameset>): Ini digunakan untuk mendefinisikan file html ini sebagai mode kerangka kerja dan mengatur file cara membagi jendela. Sederhananya, set kerangka kerja adalah file yang menyimpan struktur kerangka kerja dan file entri yang mengakses file kerangka kerja. Jika halaman web terdiri dari dua bingkai kiri dan kanan, selain dua file halaman web kiri dan kanan, ada juga file set bingkai total. Di halaman yang menggunakan bingkai, tag tubuh <body> digantikan oleh tag frame <fameset>. Untuk setiap bingkai yang terkandung dalam halaman bingkai, ini ditentukan oleh tag <bingkai>.Atribut Baris: Jendela split horizontal. Jendela split horizontal adalah memotong halaman dalam arah horizontal, yaitu untuk membagi halaman menjadi beberapa jendela yang diatur ke atas dan ke bawah. Beberapa nilai dapat diambil dalam baris, setiap nilai mewakili lebar horizontal dari jendela bingkai, dan unitnya dapat berupa piksel atau persentase browser. Namun, perlu dicatat bahwa secara umum ketika menetapkan nilai beberapa baris, ada beberapa kerangka kerja, yaitu, ada jumlah parameter <fame> yang sesuai.
<html> <head> <title> Pengaruh jendela pemisahan horizontal </iteme> </head> <frameset rows = 30%, 70%> <pangka> <pangka> </fameset> </html>
Properti Cols: Jendela split vertikal. Jendela split vertikal adalah untuk membagi halaman menjadi beberapa jendela dalam arah vertikal, yaitu membagi halaman menjadi beberapa jendela yang diatur kiri dan kanan. Beberapa nilai dapat diambil dalam COLS, setiap nilai mewakili lebar horizontal dari jendela bingkai, dan unitnya dapat berupa piksel atau persentase browser. Sama seperti jendela segmentasi horizontal, umumnya ketika mengatur nilai -nilai beberapa col, ada beberapa kerangka kerja, yaitu, beberapa parameter <fame>.
<html> <adept> <title> Pengaruh jendela pemisahan vertikal </iteme> </pead> <frameset cols = 20%, 55%, 25%> <bingkai> <pangka> <pangka> <pangka> </frameset> </html>
Properti Frameborder: Set Border. Secara default, ada garis perbatasan di sekitar jendela bingkai. Parameter Frameborder dapat digunakan untuk menyesuaikan tampilan garis perbatasan. Sintaksnya adalah:
<frameset frameborder = apakah itu ditampilkan> atau <frameframeBorder = apakah itu ditampilkan>. Nilai Frameborder hanya bisa 0 atau 1. Jika nilainya 0, garis perbatasan akan disembunyikan; Jika nilainya 1, garis perbatasan akan ditampilkan. Pengaturan di Frameset akan valid untuk seluruh kerangka kerja, dan pengaturan dalam bingkai hanya akan valid untuk kerangka kerja saat ini.
<html> <head> <title> atur efek tampilan perbatasan dari jendela bingkai </itement> </head> <frameset rows = 20%, 55%, 25%> <frameframeBorder = 1> <frameset cols = 35%, 65%frameborder = 0> <frame> <frame> <frame> </frameset> <FramefReMe = 0> <frame> <frame> </frameset> <FramefREne = 0> <frame> <frame> </frameset> <FramefREne = 0> <frame> <frame> </frameset> <FramefReNE = 0> <frame> <frame> </frameset> <FramefREne = 0> <frame> <frame> </frameset> <FramefREne = 0> <frame> <frame> </frameset> <FramefREnE
Properti Framespacing: Lebar perbatasan bingkai. Lebar batas bingkai adalah 1 piksel secara default, dan dapat diubah ukurannya dengan parameter framespacing.
Sintaks: <frameset framespacing = lebar perbatasan>
Catatan: Lebar perbatasan adalah lebar garis antara setiap perbatasan di halaman, dalam piksel. Parameter ini hanya dapat digunakan untuk set kerangka kerja dan tidak valid untuk satu kerangka kerja.
<Html> <Head> <title> Setel lebar bingkai bingkai </title> </pead> <baris frameset = 30%, 70%framespacing = 10> <pangker> <frameset cols = 20%, 55%, 25%framespacing = 30> <Frame> <pangka> <pangka> <pangka> </frame> </frame> </hingket> <pangka> </frame> </frame> </frame> </frame> </frame> </frame> </frame> </frame> </frame> </frame> </frame> </frame> </hingket> </hingket> </hingket> </frame> </hingket> </frame> </frame> </hingket> </frame> </frames>
Properti BorderColor: Warna perbatasan bingkai. Gunakan Parameter BorderColor untuk mengatur warna perbatasan set bingkai.
Sintaks: <frameset bordercolor = kode warna>
Catatan: Parameter ini juga hanya valid untuk seluruh rangkaian kerangka kerja dan tidak valid untuk satu kerangka kerja tunggal.
<html> <head> <title>Set the frame border color</title> </head> <frameset rows=30%,70% framespacing=10 bordercolor =#CC99FF> <frame> <frameset cols=20%,55%,25% framespacing=30 bordercolor =#9900FF> <frame> <frame> <frame> </frameset> </frameset> </html>2. Frame (<bingkai>) dan atribut SRC.
Setiap halaman dalam struktur kerangka kerja adalah teks yang terpisah, dan file -file ini diatur melalui parameter SRC.
Sintaks: <frame src = alamat file sumber halaman>
Catatan: File halaman adalah konten spesifik dari halaman bingkai. Ini tidak berpengaruh pada bingkai tanpa mengatur file sumber dan hanya halaman kosong. File sumber halaman dapat berupa file HTML normal, atau gambar atau file lainnya.
<html> <head> <title> set halaman sumber halaman </itement> </ head> <frameset rows = 30%, 70%> <frame src = pic01.gif> <frame src = src01.html> </frameset> </html>3. <noframes> </noframes> Tag
Tag <noFRames> </nofRames> digunakan untuk menampilkan konten halaman saat browser tidak mendukung bingkai.
<html> <frameset cols=25%,50%,25%> <frame src=/example/html/frame_a.html> <frame src=/example/html/frame_b.html> <frame src=/example/html/frame_b.html> <frame src=/example/html/frame_c.html> <noframes> <body> browser Anda tidak dapat menangani kerangka kerja! </body> </noframes> </fameset> </html>2. Floating Frame (<Fiframe>)
Bingkai mengambang adalah bingkai yang relatif istimewa. Itu menyarangkan jendela anak di jendela browser. Artinya, seluruh halaman bukan halaman bingkai, tetapi berisi jendela bingkai. Tampilkan konten halaman yang sesuai di jendela frame. Bingkai mengambang juga disebut bingkai inline, dan karena itu mereka dinamai.
Sintaks: <iframe src = File sumber halaman> </iframe>
Catatan: Mirip dengan struktur bingkai biasa, bingkai mengambang juga dapat mengatur banyak parameter, seperti nama, pengguliran, frameborder, dll. Namun, dibandingkan dengan bingkai biasa, bingkai mengambang tidak mengandung parameter framespacing dan bordercolor.
Atribut SRC: Parameter paling dasar dalam kerangka mengambang adalah SRC. Ini digunakan untuk mengatur alamat file sumber dari halaman Floating Framework dan juga merupakan parameter yang diperlukan untuk halaman Floating Framework. Karena hanya ketika konten file sumber diatur, kerangka kerja mengambang masuk akal. Sintaks: <iframe src = file sumber halaman>
Properti Lebar dan Tinggi: Dalam struktur kerangka kerja normal, karena kerangka kerja adalah seluruh jendela browser, tidak perlu mengatur ukurannya. Namun, dalam bingkai mengambang, ia dimasukkan ke dalam halaman HTML normal, dan seluruh bingkai dapat diubah ukurannya. Sintaks: <iframe src = src = floating frame source source file width = width halaman tinggi = Tinggi halaman>, nilai lebar dan tinggi halaman dalam piksel.
<Html> <body> <iframe src =/i/eg_landscape.jpg width = 550 tinggi = 310> </iframe> <p> Beberapa browser lama tidak mendukung iframe. </p> <p> Jika didukung, iframe tidak terlihat. </p> </body> </html>3. Contoh tata letak kerangka kerja
<html> <head> <title>Frame homepage</title> </head> <frameset rows=20%,*><!--Frameset set, container for control file --> <frame name=topFame src=3.html noresize/> <frameset cols=240px,*> <frame name=leftFrame src=1.html/> <frame name=rightFrame src = 2.html marginwidth = 20px scrolling = no/> </fameset> <noframes> <!-tag noframes dapat berisi tag tubuh-> <dody> Halaman ini tidak mendukung tag frameset! </body> </noframes> </fameset> </html>4. Cara Keluar dari Kerangka Tautan
Di situs web Backend Layout, kerangka kerja lebih sering digunakan. Dalam banyak kasus, kita perlu melompat keluar dari kerangka kerja dan memuat ulang halaman. Jadi bagaimana tautan keluar dari kerangka kerja? Bahkan, Anda hanya perlu menentukan atribut target dari tag <a> </a> untuk menjadi _top. Ini adalah contoh sederhana.
<html> <body> <p> Apakah terkunci dalam bingkai? </p> <a href =/index.html target = _top> Silakan klik di sini! </a> </body> </html>