HTML5 iFrames的替代品

HTML的 < iframe>标签用于嵌入另一个文档到当前的HTML文档中的内联框架（容器）。 < iframe>标签的 srcdoc 属性用于指定要在 < iframe>中显示的页面的HTML内容。

HTML `< embed>`标签

在HTML中替代 iframe 的标签是 embed 标签。它类似于 iframe标签，用于定义用于外部资源的容器，如图片、网页、媒体播放器或插件应用程序。

以下是HTML embed 标签的属性：

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的标签嵌入一个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://www.tutorialspoint.com/index.htm" width="500px" height="350px">
</body>
</html>