首頁 > 文章 > web前端 > 介紹HTML框架(Frames)到底有什麼用？

介紹HTML框架(Frames)到底有什麼用？

零下一度原創: 2017-05-02 15:16:282840瀏覽

使用框架(Frame)，你可以在瀏覽器視窗同時顯示多個網頁。每個Frame裡設定一個網頁，每個Frame裡的網頁都互相獨立。

Frameset

f900b4fc197b16ab214eecf015bb6bd2eb5f059992a0ae0ef16884cb75644e40決定如何分割Frame。 f900b4fc197b16ab214eecf015bb6bd2有cols屬性和rows屬性。使用cols屬性，表示以列分佈Frame；使用rows屬性，表示按行分佈Frame。

Frame

用04a0d55efbbfd646a993fbc01f262c57這個Tag設定網頁。 04a0d55efbbfd646a993fbc01f262c57裡面有src屬性，src值就是網頁的路徑和檔名。

下面的程式碼的目的是：將Frameset分成2列，第一列25%，表示第一列的寬度是視窗寬度的25%；第二列75%，表示第一列的寬度是窗口寬度的75%。第一列顯示a.html，第二列顯示b.html。

<frameset cols="25%,75%">
   <frame src="../asdocs/html_tutorials/Frame_a.html">
   <frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>

Iframe

Iframe是Inline Frame的意思，用d5ba1642137c3f32f4f4493ae923989c065276f04003e4622c4fe6b64f465b88可以將Frame置於一個HTML檔案內。

範例

<html>

<frameset cols="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>

這個範例顯示如何在瀏覽器裡同時顯示三個網頁，三個網頁是按列分佈的。

<html>

<frameset rows="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>

這個範例顯示如何在瀏覽器裡同時顯示三個網頁，三個網頁是按行分佈的。

混合Frameset

<html>

<frameset rows="50%,50%">

<frame src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>

這個例子既用到了cols屬性，又用到了rows屬性，將Frame進行靈活分佈。

Frameset中的noresize屬性

<html>

<frameset rows="50%,50%">

<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>

使用Noresize屬性可以確保Frame的大小。如果不使用noresize屬性，可以用滑鼠移動Frame的邊界，來改變Frame的大小，如果設定了noresize屬性，就不能移動邊界了。

Frame用於導航

<html>
<frameset cols="120,*">

<frame src="../asdocs/html_tutorials/framelist.html">
<frame src="../asdocs/html_tutorials/Frame_a.html" name="showframe">

</frameset>
</html>

這個範例示範如何建立一個用於導航的Frame。這個導航Frame包含一個HTML，這個HTML（程式碼如下）包含了一個網頁清單。點選網頁清單中的任何一項，就會在第二個Frame中顯示點擊中的網頁。

<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑话一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html"  target="showframe">笑话二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html"  target="showframe">笑话三<a></p>
</BODY>
</HTML>

Iframe的使用

<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>

<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>

<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>

</body>
</html>

這個例子顯示如何在一個HTML檔案裡用iframe嵌入一個網頁。

以上是介紹HTML框架(Frames)到底有什麼用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：XML與HTML之間的優勢互補（下）下一篇：XML與HTML之間的優勢互補（下）

相關文章

看更多