是HTML5標準中的標籤，用於在網頁中嵌入其他網頁，常用應用程式場景包括：1、透過<iframe>在目前頁面內嵌入其他網站的頁面；2 、使用<iframe>將不同的區域分別載入不同的網頁內容。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/202310/16/2023101611402278201.jpg" alt="< iframe>是什麼標籤" ></p> <p>本教學作業系統：Windows10系統、Dell G3電腦。 </p> <p><strong><iframe> 是 HTML5 標準中的標籤，它用於在網頁中嵌入其他網頁。常見應用情境包括：</strong></p> <ol style='margin-bottom: 16px; padding-left: 2em; color: rgb(0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; text-wrap: wrap;'> <li><p>嵌入外部網頁：可透過 <iframe> 在目前頁面內嵌入其他網站的頁面，例如嵌入地圖、影片、廣告等。 </p></li> <li><p>分隔網頁內容：可以將一個頁面分成多個區域，使用 <iframe> 將不同的區域分別載入不同的網頁內容。 </p></li> </ol> <p><iframe> 元素有以下幾個屬性：</p> <ul style='margin-bottom: 16px; padding-left: 2em; color: rgb(0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; text-wrap: wrap;'> <li>src：指定要顯示在 <iframe> 中的網址或文件路徑。 </li> <li>height 和 width：指定 <iframe> 的高度和寬度，單位可以是像素、百分比或其它 CSS 單位。 </li> <li>frameborder：指定是否顯示邊框，可設定為 0 或 1。 </li> <li>scrolling：指定捲軸的顯示方式，可以設定為 auto, yes, no。 </li> <li>allowfullscreen：指定是否允許在 <iframe> 中全螢幕播放。 </li> </ul> <p>要注意的是，在使用 <iframe> 時應確保被嵌入的網頁是安全且可信的，否則可能會有 XSS 攻擊等風險。此外，搜尋引擎也可能會將嵌入的網頁視為整個頁面的一部分處理，因此應避免混淆主次關係。 </p>
