Kerangka HTML

Dengan menggunakan kerangka, Anda dapat menampilkan lebih dari satu halaman di dalam jendela peramban yang sama.

Contoh

Kerangka vertikal
Contoh ini menunjukkan bagaimana membuat kerangka vertikal dengan tiga dokumen yang berbeda.
Kerangka horisontal
Contoh ini menunjukkan bagaimana membuat kerangka horisontal dengan tiga dokumen yang berbeda.

(Lebih banyak contoh dapat ditemukan di bawah halaman ini)

Kerangka

Dengan menggunakan kerangka, Anda dapat menampilkan lebih dari satu halaman di dalam jendela peramban yang sama. Setiap dokumen HTML disebut sebagai kerangka, dan setiap kerangka bebas dari kerangka lainnya.

Buruknya penggunaan kerangka:

  • Pengembang harus mengikuti lebih banyak dokumen HTML
  • Sangat sulit untuk mencetak halaman seluruhnya
Tag struktur kerangka (frameset)
  • Tag struktur kerangka (frameset) mendefinisikan bagaimana jendela disingkat menjadi kerangka
  • Setiap frameset mendefinisikan sejumlah barisatauKolom
  • Nilai rows/columns menentukan luas layar yang diambil setiap baris atau kolom

Catatan penulis:Tag frameset juga disebut beberapa artikel dan buku sebagai kerangka.

Tag Kerangka (Frame)

Tag Frame mendefinisikan dokumen HTML yang ditempatkan di dalam setiap kerangka.

Dalam contoh di bawah ini, kami mengatur sebuah kerangka yang berdua kolom. Kolom pertama diatur untuk menempati 25% jendela peramban. Kolom kedua diatur untuk menempati 75% jendela peramban. Dokumen HTML "frame_a.htm" ditempatkan di kolom pertama, sementara dokumen HTML "frame_b.htm" ditempatkan di kolom kedua:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Perhatian dasar - tips yang berharga:

Jika sebuah kerangka memiliki garis pinggir yang terlihat, pengguna dapat menarik garis pinggir untuk mengubah ukurannya. Untuk menghindari hal ini, dapat ditambahkan di dalam tag <frame>: noresize="noresize".

Tambahkan tag <noframes> untuk peramban yang tidak mendukung bingkai.

Peringatan penting:Tidak dapat digunakan bersamaan tag <body></body> dan tag <frameset></frameset>! Namun, jika Anda menambahkan tag <noframes> yang mengandung teks, maka teks ini harus disisipkan di dalam tag <body></body>. (Dalam contoh pertama di bawah ini, Anda dapat melihat bagaimana cara melaksanakannya.)

Beberapa Contoh Lain

Bagaimana cara menggunakan tag <noframes>
Contoh ini menunjukkan bagaimana cara menggunakan tag <noframes>.
Struktur Bingkai Campur
Contoh ini menunjukkan bagaimana cara membuat struktur bingkai yang mengandung tiga dokumen, serta menggabungkannya di antara baris dan kolom.
Struktur bingkai dengan atribut noresize="noresize"
Contoh ini menunjukkan penggunaan atribut noresize. Dalam contoh ini, bingkai tidak dapat diatur ukurannya. Saat menyeret mouse di atas batas bingkai, Anda akan melihat bahwa batas tidak dapat dipindahkan.
Bingkai Navigasi
Contoh ini menunjukkan bagaimana cara membuat bingkai navigasi. Bingkai navigasi berisi daftar tautan yang mengarah ke bingkai kedua. Berkas yang dinamakan "contents.htm" berisi tiga tautan.
Bingkai Inline
Contoh ini menunjukkan bagaimana cara membuat bingkai yang disamping (bingkai di dalam halaman HTML).
Melompat ke bagian yang ditentukan di dalam bingkai
Contoh ini menunjukkan dua bingkai. Salah satu bingkai diatur untuk mengarah ke bagian yang ditentukan di dalam berkas lain. Berkas "link.htm" menentukan bagian yang diidentifikasi dengan <a name="C10">.
Gunakan navigasi bingkai untuk melompat ke bagian yang ditentukan
Contoh ini menunjukkan dua bingkai. Bingkai kiri berisi daftar tautan navigasi yang mengarah ke bingkai kedua. Tautan di dalam bingkai navigasi mengarah ke bagian yang ditentukan di dalam berkas target.