HTML架構(Frames)

來源:互聯網
上載者:User

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

Frameset

<frameset></frameset>決定如何劃分Frame。<frameset>有cols屬性和rows屬性。使用cols屬性,表示按列分布Frame;使用rows屬性,表示按行分布Frame。

Frame

用<frame>這個Tag設定網頁。<frame>裡有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的意思,用<iframe></iframe>可以將Frame置於一個HTML檔案內。

樣本

列分Frame

這個例子顯示如何在瀏覽器裡同時顯示三個網頁,三個網頁是按列分布的。

行分Frame

這個例子顯示如何在瀏覽器裡同時顯示三個網頁,三個網頁是按行分布的。

混合Frameset

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

Frameset中的noresize屬性

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

Frame用於導航

這個例子示範如何建立一個用於導航的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檔案裡用iframe嵌入一個網頁。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.