頁框的使用:直接以水平、垂直的方式劃分頁面，而且可以把連結的頁面或圖片顯示在「已設定名稱的頁框」。
Iframe概念上與頁框一樣，可以把連結的頁面或圖片顯示在「已設定名稱」的「某個區域」中，只是這個區域不必切割頁面，而是頁面中的某個矩形範圍而已。
Iframe的優點與特點：面積小、容易結合版面的設計、一個頁面可以置入多個Iframe（增加設計的彈性）。
Iframe概念上與頁框一樣，可以把連結的頁面或圖片顯示在「已設定名稱」的「某個區域」中，只是這個區域不必切割頁面，而是頁面中的某個矩形範圍而已。
不同點：頁框需要將整個視窗分割、還須額外儲存頁框組；而Iframe是在頁面中置入一個矩形區域、不需頁框組的頁面
。
相同點：A.同樣需要來源頁面的檔案。B.可以對Iframe設定名稱（與頁框一樣），並且使用於超連結的「目標視窗」中。
。
相同點：A.同樣需要來源頁面的檔案。B.可以對Iframe設定名稱（與頁框一樣），並且使用於超連結的「目標視窗」中。
Iframe的優點與特點：面積小、容易結合版面的設計、一個頁面可以置入多個Iframe（增加設計的彈性）。
可以內嵌自己網站中的頁面、相簿... |
可以內嵌Google地圖 |
可以內嵌Google街景 |
 |
| iframe是一種把外部網頁嵌入自己網頁的一種語法，於Dreamweaver CS3雖然可以「新增」Iframe，但是必須於程式碼中以手動方式加入並且修改參數，其程式碼或語法如下，將下面文字複製並且貼入要放Iframe的地方，例如貼在<td>與</td>的中間，表示要放在儲存格中。 | |
<iframe src="網站網址" id="MyFrame" name="MyFrame" width="780" height="30" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" align="center"></iframe> |
|
| <iframe>標籤的參數說明 ： | |
| src="sample.htm" | iframe中預設要放置的內容頁面，相對網址例如"work/page1.htm"，絕對網址例如"http://www.abc.com" |
| id name | id:設定不一定需要 name:如一般頁框的命名. 未來可以用此名稱指定目標視窗，用法如一般頁框視窗的指定 |
| width="450" height="200" | iframe的寬和高(指定像素需雙引號、指定百分比不需雙引號) - 例如置於儲存格內時，則可以設為100%。 |
| scrolling="yes" | 要不要捲軸 (yes 或 no 或 auto) |
| align="center" | 對齊方式 (可為left right center) |
| frameborder="yes" | 要不要邊框 (可為yes 或 no，預設為yes) |
| marginwidth="" | 定義了頁框中html文件顯示的左右方邊界像素（若未設定則由瀏覽器決定） |
| marginheight="" | 定義了頁框中html文件顯示的上下方邊界像素（若未設定則由瀏覽器決定） |
| 除了標記中指定長寬以外. 可將Iframe放置於Table中，複製或修改以下的Iframe程式碼： |
|
|
在使用iframe的區域瀏覽時往往有白色的底，而原始頁面如本來有設定背景圖，則會被iframe所蓋住，解決方法：
1、修改iframe標籤，增加下面紅色文字部份屬性，以 允許透明。
<iframe ... allowtransparency="true" ....></iframe>
2、修改放置該iframe的頁面的<body>標籤，增加下面紅色文字部份屬性，讓背景色設為透明。
<body …..style="background-color:transparent">
1、修改iframe標籤，增加下面紅色文字部份屬性，以 允許透明。
<iframe ... allowtransparency="true" ....></iframe> 2、修改放置該iframe的頁面的<body>標籤，增加下面紅色文字部份屬性，讓背景色設為透明。
<body …..style="background-color:transparent"> i