数据结构
网络技术
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.com/index.htm" width="500px" height="350px">
</body>
</html>
更新于: 2023 年 8 月 4 日
15K+ 浏览
广告