首頁 > web前端 > html教學 > 介紹HTML框架(Frames)到底有什麼用?

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

零下一度
發布: 2017-05-02 15:16:28
原創
2913 人瀏覽過

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

Frameset

決定如何分割Frame。 有cols屬性和rows屬性。使用cols屬性,表示以列分佈Frame;使用rows屬性,表示按行分佈Frame。

Frame

用這個Tag設定網頁。 裡面有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的意思,用可以將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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板