HTML5 - ການວາງການຂະບວນຄວາມ
ຜ່ານການນຳໃຊ້ Frame ທ່ານສາມາດສະແດງຫຼາຍເບີ່ງເວັບໄຊໃນປ່ອງວາງຄອມພິວເຕີ້ດຽວ.
Frame
ຜ່ານການນຳໃຊ້ Frame ທ່ານສາມາດສະແດງຫຼາຍເບີ່ງເວັບໄຊໃນປ່ອງວາງຄອມພິວເຕີ້ດຽວ. ແຕ່ລະ HTML ສະບັບແມ່ນເປັນ Frame ແລະແຕ່ລະ Frame ຖືກກຳນົດຢ່າງເປັນອິດສະຫຼະກັນ.
ຄວາມລົບຂອງການນຳໃຊ້ Frame:
- ຜູ້ພັດທະນາຕ້ອງຕິດຕາມ HTML ສະບັບຫຼາຍຫຼາຍ.
- ຍາກທີ່ຈະບີບຂອງຫົວໜ້າທັງໝົດ.
- Frame structure tag (<frameset>)
-
- Frame structure tag (<frameset>) ກໍານົດວິທີການຈັດການແຕ່ລະປະກອບຂອງປ່ອງວາງຄອມພິວເຕີ້.
- ແຕ່ລະ frameset ກໍານົດຄວາມກະພິບຂອງໃນແຕ່ລະປະກອບຂອງໜ້າຈໍານວນກະພິບຕະຫຼອດ.ຫຼື:ອັນ:
- ຄູ່ມວັດຖຸ rows/columns ກໍານົດຄວາມກະພິບຂອງໃນແຕ່ລະປະກອບຂອງໜ້າຈໍານວນກະພິບຕະຫຼອດ.
ຄວາມຄິດຂອງຜູ້ຂຽນ:frameset ອອກຄວາມຄວາມຄິດທີ່ບາງຫົວໜ້າແລະປື້ມກໍ່ໄດ້ຫຼີກຫຼົງຄວາມຄິດຂອງຫົວໜ້າສະບັບ.
Frame ອອກຄວາມຄວາມຄິດ (Frame)
Frame ອອກຄວາມຄວາມຄິດຂອງ HTML ສະບັບທີ່ຕິດຕັ້ງໃນແຕ່ລະຫົວໜ້າ.
ໃນຄັນຄືນນີ້ ພວກເຮົາໄດ້ກຳນົດຫົວໜ້າຂອງຫົວໜ້າສອງອັນ. ອັນທຳອິດຖືກກຳນົດໃຫ້ຄອບຄອງປະມານ 25% ຂອງປ່ອງວາງຄອມພິວເຕີ້. ອັນທີສອງຖືກກຳນົດໃຫ້ຄອບຄອງປະມານ 75% ຂອງປ່ອງວາງຄອມພິວເຕີ້: HTML ສະບັບ "frame_a.htm" ຖືກຕິດຕັ້ງໃນຫົວໜ້າທຳອິດ ແລະ HTML ສະບັບ "frame_b.htm" ຖືກຕິດຕັ້ງໃນຫົວໜ້າທີສອງ:
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
ຫຍັງຫຍັງການບັງຄັບ - ຄຳແນະນຳທີ່ມີປະໂຫຍດ:
ຖ້າຫົວໜ້າມີເຂດກະຕຸບທີ່ເຫັນໄດ້ ຜູ້ນຳໃຊ້ສາມາດຕົບຕອງເຂດກະຕຸບເພື່ອປ່ຽນຂະໜາດຂອງມັນ。ເພື່ອຫຼີກລ່ຽງການເກີດຂອງສະພາບນີ້ ສາມາດເພີ່ມຄູ່ມວັດຖຸ <frame> ທີ່: noresize="noresize"。
为不支持框架的浏览器添加 <![CDATA[ 标签。</p>
<p class="important"><span>重要提示：</span>不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）</p>
</div>
<div class="example">
<h2><a id="more_examples">更多实例</a></h2>
<dl>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_noframes">如何使用 <noframes> 标签</a></dt>
<dd>本例演示：如何使用 <noframes> 标签。</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_frame_mix">混合框架结构</a></dt>
<dd>本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_frame_noresize">含有 noresize="noresize" 属性的框架结构</a></dt>
<dd>本例演示 noresize 属性。在本例中，框架是不可调整尺寸的。在框架间的边框上拖动鼠标，你会发现边框是无法移动的。</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_frame_navigation">导航框架</a></dt>
<dd>本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_iframe">内联框架</a></dt>
<dd>本例演示如何创建内联框架（HTML 页中的框架）。</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_frame_jump">跳转至框架内的一个指定的节</a></dt>
<dd>本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=eg_html_frame_navigation2">使用框架导航跳转至指定的节</a></dt>
<dd>
本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
</dd>
</dl>
</div>
<div class="prenextnav">
<ul>
<li> ຫົວຂໍ້ໜ້າໜ້າຫນຶ່ງ <a href="/lo/html/html_url.html" title="HTML5 - ການວາງຄວາມການອະນາຄານ">URL HTML</a></li>
<li> ຫົວຂໍ້ໜ້າໜ້າຫນຶ່ງ <a href="/lo/html/html_backgrounds.html" title="HTML5 - ການວາງການສັນຍາບ">HTML5 - ການວາງການສັນຍາບ</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> ອຸປະກອນຫຼັກ </center><h3>
<h5 id="tools_reference"><a href="/lo/tags/index.html">ການອອກບົດສະຫລຸບ HTML</a></h5>
<h5 id="tools_example"><a href="/lo/html/html_examples.html">HTML 实例</a></h5>
<h5 id="tools_quiz"><a href="/lo/html/html_quiz.html">HTML 测验</a></h5>
</div>
<div><h3><center> ການເຊື່ອມຕໍ່ຜູ້ສະໜັບສະໜຸນ </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
ຂັ້ນນວນທີ່ CodeW3C.com ສະໜອງພຽງແຕ່ສຳລັບການຝຶກຫັດ ແລະ ການທົດລອງ ແລະ ບໍ່ຮັບປະກັນຄວາມຖືກຕ້ອງຂອງຂັ້ນນວນນີ້. ຄວາມສ່ຽງທີ່ມາຈາກການໃຊ້ຂັ້ນນວນນີ້ຈະບໍ່ກ່ຽວກັບບັນຊີບາດ. ສິດທິລິຂະສິດທັງໝົດ ແມ່ນມີຄວາມສະໜັບສະໜຸນ. ສິດທິລິຂະສິດທັງໝົດນັ້ນ.
</p>
<p id="p2">
<a href="/lo/about/index.html" title="ເຖິງ CodeW3C.com">ເຖິງ CodeW3C.com</a>
<a href="/lo/about/about_helping.html" title="ການຊ່ວຍເຫຼືອ CodeW3C.com">ການຊ່ວຍເຫຼືອ CodeW3C.com</a>
<a href="/lo/about/about_use.html" title="ເຖິງການນໍາໃຊ້">ຂໍ້ກຳນົດການນໍາໃຊ້</a>
<a href="/lo/about/about_privacy.html" title="ເຖິງການລະບຸສິດທິສິດທິພົນ">ຂໍ້ກຳນົດສິດທິສິດທິພົນ</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="ສະແຫວງຂອງ Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>]]>