iframe(Inline Frame)是 HTML 中的一个元素,用于在当前 HTML 文档中嵌入另一个 HTML 文档。它可以在同一个页面中显示来自不同源的内容,提供了一种将多个网页内容组合在一起的方式。
一、出现原因
当 iframe 最初出现时,其主要目的之一是为了实现复杂的页面布局和功能,例如在一个网页中嵌套显示其他网页内容。
以下是一个简单的示例,演示如何使用 iframe 在页面中嵌套显示其他网页内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IFrame 示例</title>
</head>
<body>
<h1>主页面</h1>
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"