資料結構
網路技術
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會科學
時尚研究
法律研究HTML5 中的 iFrames 替代方案
HTML <iframe> 標籤用於指定內聯框架（容器）。這個內聯框架用於在當前 HTML 文件中嵌入其他文件。<iframe> 標籤的 "srcdoc" 屬性用於指定要在 <iframe> 中顯示的頁面的 HTML 內容。
HTML <embed> 標籤
HTML 中 iframe 的替代標籤是標籤。它類似於 iframe 標籤，為外部資源定義了一個容器，比如圖片、網頁、媒體播放器或外掛應用程式。
以下是 HTML標籤的屬性 -
height - 它指定嵌入式內容的高度。
src - 它指定外部檔案地址。
type - 它指定嵌入式內容的媒體型別。
width - 它指定嵌入式內容的寬度。
注意 - 建議使用 <img> 標籤顯示圖片，<iframe> 標籤顯示 HTML，<video>、<audio> 標籤顯示影片或音訊。
示例
在以下示例中，我們使用 <embed> 標籤作為 <iframe> 的替代，將影像嵌入到網頁上。 -
<!DOCTYPE html>
<html>
<head>
<title>Embed tag in HTML</title>
<style>
embed {
border: solid 2px black;
}
</style>
</head>
<body style="text-align: center;">
<h2>Alternative for iframe is embed tag.</h2>
<embed type="image/jpg" src="beach.jpg" width="300" height="200">
</body>
</html>
示例
在這裡，我們使用 HTML <embed> 標記嵌入一個 HTML 頁面 −
<!DOCTYPE html>
<html>
<head>
<title>Embed tag in HTML</title>
<style>
embed {
border: solid 2px black;
}
</style>
</head>
<body style="text-align: center;">
<h2>Alternative for iframe is embed tag.</h2>
<embed type="text/html" src="https://tutorialspoint.tw/index.htm" width="500px" height="350px">
</body>
</html>
更新於: 2023 年 8 月 4 日
15K+ 瀏覽
廣告