HTML Iframes
HTML iframe 用於在一個網頁中顯示另一個網頁。
HTML Iframe 語法
HTML <iframe> 標籤定義了一個內聯框架。
內聯框架用於在當前 HTML 文件中嵌入另一個文件。
語法
<iframe src="url" title="描述"></iframe>提示： 始終包含 title 屬性對於 <iframe> 是一個好習慣。螢幕閱讀器會使用它來朗讀 iframe 的內容。
Iframe - 設定高度和寬度
使用 height 和 width 屬性來指定 iframe 的大小。
預設情況下，高度和寬度以畫素為單位
或者，您可以透過新增 style 屬性並使用 CSS height 和 width 屬性來設定
示例
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe 示例"></iframe>
自己動手試一試 »
Iframe - 移除邊框
預設情況下，iframe 周圍有一個邊框。
要移除邊框，請新增 style 屬性並使用 CSS border 屬性
使用 CSS，您還可以更改 iframe 邊框的大小、樣式和顏色
示例
<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe 示例"></iframe>
自己動手試一試 »
Iframe - 連結的目標
iframe 可以用作連結的目標框架。
連結的 target 屬性必須引用 iframe 的 name 屬性
示例
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe 示例"></iframe>
<p><a href="https://w3schools.tw" target="iframe_a">W3Schools.com</a></p>
自己動手試一試 »
Chapter Summary
- HTML
<iframe>標籤定義了一個內聯框架 src屬性定義了要嵌入的頁面的 URL- 始終包含
title屬性（用於螢幕閱讀器） height和width屬性指定了 iframe 的大小- 使用
border:none;來移除 iframe 周圍的邊框
HTML iframe 標籤
| 標籤 | 描述 |
|---|---|
| <iframe> | 定義一個內聯框架 |
有關所有可用 HTML 標籤的完整列表，請訪問我們的 HTML 標籤參考。
