HTML 中的框架語法有兩種
1. FRAMESET+FRAME
2. IFRAME
第一種我在上一篇已講過了, 接著這一篇就來看看 IFRAME 如何使用
這一種框架語法的特點是它可以跟其他的網頁內容寫在一起, 擺放在任何你想要的位置, 基本語法非常簡單
這裡要注意, 不可以使用短標籤, 一定要寫結束標籤, 否則在它之後的內容會看不見
下面我們來看看一個簡單的使用範例
我們可以看到, 框架內容跟 body 標籤內的其他內容是並存的, 呈現時, 也就是呈現在它在內容中的位置, 如此對於我們在排版上有很大的幫助
還記得在上一篇中的那個範例嗎? 若因某種特殊原因, 希望像下例在畫面中分兩個如紅框位置的框架, 以載入其他網頁
要用 FRAMESET+FRAME 做的話會很麻煩, 必須劃分成很多個框架, 但用 IFRAME 來做的話就簡單多了, 只須要在主頁面中用 TABLE 表格語法將畫面劃分成所需要的範圍, 再將 IFRAME 標籤寫在 TD 內即可
當然劃分法有很多種, 這裡只是在說明可以這樣應用
另外, 若覺得框架的框線不好看, 一樣可以利用 frameborder 屬性來拿掉框線, 例如
--gs--
{HTML基礎教學}{框架}
1. FRAMESET+FRAME
2. IFRAME
第一種我在上一篇已講過了, 接著這一篇就來看看 IFRAME 如何使用
這一種框架語法的特點是它可以跟其他的網頁內容寫在一起, 擺放在任何你想要的位置, 基本語法非常簡單
<IFRAME src="要載入的網頁" width="寬度" height="高度"></IFRAME>
這裡要注意, 不可以使用短標籤, 一定要寫結束標籤, 否則在它之後的內容會看不見
下面我們來看看一個簡單的使用範例
<HTML>
<BODY>
這是一些內容
<IFRAME src="http://images.look.urs.tw/images/s4.php?BlogID=54432"></IFRAME>
這是另一些內容
</BODY>
</HTML>
<BODY>
這是一些內容
<IFRAME src="http://images.look.urs.tw/images/s4.php?BlogID=54432"></IFRAME>
這是另一些內容
</BODY>
</HTML>
我們可以看到, 框架內容跟 body 標籤內的其他內容是並存的, 呈現時, 也就是呈現在它在內容中的位置, 如此對於我們在排版上有很大的幫助
還記得在上一篇中的那個範例嗎? 若因某種特殊原因, 希望像下例在畫面中分兩個如紅框位置的框架, 以載入其他網頁
要用 FRAMESET+FRAME 做的話會很麻煩, 必須劃分成很多個框架, 但用 IFRAME 來做的話就簡單多了, 只須要在主頁面中用 TABLE 表格語法將畫面劃分成所需要的範圍, 再將 IFRAME 標籤寫在 TD 內即可
<table width="100%" height="100%" border="1" cellspacing="0">
<col width="10%" align="center">
<col width="50%" align="center">
<col width="10%" align="center">
<col width="20%" align="center">
<col width="10%" align="center">
<tr height="10%">
<td colspan="5"> </td>
</tr>
<tr height="25%">
<td> </td>
<td><iframe src="" width="100%" height="100%"></iframe></td>
<td colspan="3"> </td>
</tr>
<tr height="10%">
<td colspan="5"> </td>
</tr>
<tr height="45%">
<td colspan="3"> </td>
<td><iframe src="" width="100%" height="100%"></iframe></td>
<td> </td>
</tr>
<tr height="10%">
<td colspan="5"> </td>
</tr>
</table>
<col width="10%" align="center">
<col width="50%" align="center">
<col width="10%" align="center">
<col width="20%" align="center">
<col width="10%" align="center">
<tr height="10%">
<td colspan="5"> </td>
</tr>
<tr height="25%">
<td> </td>
<td><iframe src="" width="100%" height="100%"></iframe></td>
<td colspan="3"> </td>
</tr>
<tr height="10%">
<td colspan="5"> </td>
</tr>
<tr height="45%">
<td colspan="3"> </td>
<td><iframe src="" width="100%" height="100%"></iframe></td>
<td> </td>
</tr>
<tr height="10%">
<td colspan="5"> </td>
</tr>
</table>
當然劃分法有很多種, 這裡只是在說明可以這樣應用
另外, 若覺得框架的框線不好看, 一樣可以利用 frameborder 屬性來拿掉框線, 例如
<HTML>
<BODY>
這是一些內容
<IFRAME src="http://images.look.urs.tw/images/s4.php?BlogID=54432" frameborder="0"></IFRAME>
這是另一些內容
</BODY>
</HTML>
<BODY>
這是一些內容
<IFRAME src="http://images.look.urs.tw/images/s4.php?BlogID=54432" frameborder="0"></IFRAME>
這是另一些內容
</BODY>
</HTML>
--gs--
{HTML基礎教學}{框架}
沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。
4 意見:
請問網頁信件（如電子報等）如果再webmail裡面（如gmail）被分割得四分五裂，跟框架是不是也有關係？！
謝謝
一般 mail 應該不會使用框架吧，頂多是用用圖片
你說的四分五裂是怎麼個四分五裂
有的電子報會將圖片分割成好幾個小圖以加速收件人瀏覽的效果
不知你說的是不是這個
如果你不是收件人，是寄這 mail 的人
我自己也沒寄過用框架的 mail，所以不是很確定
但我想，用框架應該不至於會有這個問題
想請問要做出上述兩個紅色框框的連結,既然都已經用table語法,為何不直接將內容寫在table內,而還要用iframe？？？
你好，用 iframe 是為了要載入其他的網頁啊
假設一個網站上有很多頁面是紅框以外的區域是完全相同，而只有紅框內的內容不同，那麼我紅框以外的區域就可以只寫一支，再依狀況載入不同的網頁到紅框內
如果紅框內外的內容都寫在同一支，那麼上述的狀況就會變成要在很多支網頁中撰寫相同的內容(紅框外的部份)，日後要修改也要每支都去收，如此就會很不方便
而且對瀏覽的人來說，若用 iframe，那麼頁面切換時只需要載入紅框內的內容就好，不需要整頁全部重新載入，就會比較快
(PS.當然這也要看網頁怎麼寫啦)
張貼留言
廣告訊息會被我刪除