HTML5 中 iFrame 的替代方案
html5web developmentfront end technology更新于 2024/11/16 6:04:17
HTML 中的 <iframe> 标签指定一个内联框架(容器)。此内联框架用于在当前 HTML 文档中嵌入其他文档。<iframe> 标签的"srcdoc"属性用于指定要在 <iframe> 中显示的页面 HTML 内容。
HTML <embed> 标签
HTML 中 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://www.cainiaomax.com/index.htm" width="500px" height="350px">
</body>
</html>
