Kerangka HTML
Dengan menggunakan kerangka, anda dapat menampilkan lebih daripada satu halaman di dalam tingkap pelayar yang sama.
Kerangka
Dengan menggunakan kerangka, anda dapat menampilkan lebih daripada satu halaman di dalam tingkap pelayar yang sama. Setiap dokumen HTML disebutkan sebagai kerangka, dan setiap kerangka berbeza daripada kerangka lainnya.
Kerugian menggunakan kerangka:
- Pengembang harus mengikuti lebih banyak dokumen HTML
- Sangat sukar untuk mencetak halaman keseluruhan
- Label struktur kerangka ( frameset > )
-
- Label struktur kerangka ( frameset > ) menentukan bagaimana tingkap dililitkan ke dalam tingkap
- Setiap frameset menentukan sejumlah barisatauKolom
- Nilai rows/columns menentukan seberapa besar kawasan layar setiap baris atau kolum
Catatan penulis:Label frameset juga disebutkan dalam beberapa artikel dan buku sebagai kerangka set.
Label Kerangka (Frame)
Label Frame menentukan dokumen HTML yang ditempatkan di dalam setiap kerangka.
Dalam contoh di bawah ini, kami telah tetapkan satu kerangka set yang berdua kolom. Kolumna pertama diatur untuk mengambil 25% lebar tingkap pelayar. Kolumna kedua diatur untuk mengambil 75% lebar tingkap pelayar. Dokumen HTML "frame_a.htm" diletakkan di dalam kolumna pertama, manakala dokumen HTML "frame_b.htm" diletakkan di dalam kolumna kedua:
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
Perhatian dasar - petikan yang berkesan:
Jika sebuah kerangka mempunyai kotak tebuka yang boleh dilihat, pengguna boleh seret kotak untuk mengubah saiznya. untuk mengelakkan hal ini, boleh dijadikan di dalam <frame> label: noresize="noresize".
为不支持框架的浏览器添加 <![CDATA[ 标签。</p>
<p class="important"><span>重要提示：</span>Tambahkan tag <noframes> untuk peramban yang tidak mendukung kerangka.</p>
</div>
<div class="example">
<h2><a id="more_examples">Petunjuk penting:</a></h2>
<dl>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_noframes">Tidak dapat digunakan bersamaan tag <body></body> dan tag <frameset></frameset>! Namun, jika Anda menambahkan tag <noframes> yang mengandung teks, maka teks ini harus disatukan di dalam tag <body></body> (dalam contoh pertama di bawah ini, Anda dapat melihat bagaimana hal ini dilakukan).</a></dt>
<dd>Contoh Lainnya</dd>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_frame_mix">Bagaimana untuk menggunakan tag <noframes></a></dt>
<dd>Contoh ini menunjukkan bagaimana untuk menggunakan tag <noframes>.</dd>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_frame_noresize">Struktur kerangka yang mengandung noresize="noresize"</a></dt>
<dd>Contoh ini menunjukkan bagaimana untuk membuat struktur kerangka yang mengandung tiga dokumen, dan menggabungkannya di baris dan kolom.</dd>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_frame_navigation">Kerangka navigasi</a></dt>
<dd>Contoh ini menunjukkan bagaimana untuk membuat kerangka navigasi. Kerangka navigasi berisi daftar pautan yang mengarah ke kerangka kedua. File yang dinamakan "contents.htm" mengandung tiga pautan.</dd>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_iframe">Kerangka dalam</a></dt>
<dd>Contoh ini menunjukkan bagaimana untuk membuat kerangka dalam (kerangka di halaman HTML).</dd>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_frame_jump">Melompat ke bagian yang ditentukan di dalam kerangka</a></dt>
<dd>Contoh ini menunjukkan dua kerangka. Salah satu kerangka disetel untuk mengarah ke bagian yang ditentukan di file lain. Bagian yang ditentukan di file "link.htm" diidentifikasi menggunakan <a name="C10">.</dd>
<dt><a target="_blank" href="/ms/tiy/t.html?f=eg_html_frame_navigation2">Melompat ke bagian yang ditentukan menggunakan navigasi kerangka</a></dt>
<dd>
Contoh ini menunjukkan dua kerangka. Kerangka kiri berisi daftar pautan navigasi yang mengarah ke kerangka kedua. Pautan-pautan ini mengarah ke kerangka kedua sebagai sasaran. Kerangka kedua menunjukkan dokumen yang dihubungkan. Pautan-pautan dalam kerangka navigasi mengarah ke bagian yang ditentukan dalam file yang ditentukan di file yang ditentukan.
</dd>
</dl>
</div>
<div class="prenextnav">
<ul>
<li> Halaman Sebelumnya <a href="/ms/html/html_url.html" title="URL HTML">URL HTML</a></li>
<li> Halaman Berikutnya <a href="/ms/html/html_backgrounds.html" title="Latar Belakang HTML">Latar Belakang HTML</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> Alat Kekuatan </center><h3>
<h5 id="tools_reference"><a href="/ms/tags/index.html">Panduan Referensi HTML</a></h5>
<h5 id="tools_example"><a href="/ms/html/html_examples.html">Contoh HTML</a></h5>
<h5 id="tools_quiz"><a href="/ms/html/html_quiz.html">Ujian HTML</a></h5>
</div>
<div><h3><center> Pautan Pembolehbelia </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
Kandungan yang disediakan oleh CodeW3C.com hanya untuk pelatihan dan pengujian, dan tidak dijamin kerenanya. Risiko yang timbul dari penggunaan kandungan situs ini tidak berhubungan dengan situs ini. Hak cipta disimpan, hak semua hak disimpan.
</p>
<p id="p2">
<a href="/ms/about/index.html" title="Tentang CodeW3C.com">Tentang CodeW3C.com</a>
<a href="/ms/about/about_helping.html" title="Bantuan CodeW3C.com">Bantuan CodeW3C.com</a>
<a href="/ms/about/about_use.html" title="Tentang Penggunaan">Syarat Penggunaan</a>
<a href="/ms/about/about_privacy.html" title="Tentang Privasi">Syarat Privasi</a>
<a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a>
<a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Penggerak oleh Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>]]>