在HTML中，我们可以使用iframe标签来实现一个内嵌框架。内嵌框架，说白了，就是在当前页面再嵌入另外一个网页。

语法：

<iframe src="链接地址" width="数值" height="数值"></iframe>

说明：

src是必选的，用于定义链接页面的地址。width和height这两个属性是可选的，分别用于定义框架的宽度和高度。

举例：嵌入一个页面

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <iframe src="http://www.lvyestudy.com" width="200" height="150"></iframe>
</body>
</html>

浏览器预览效果如10-1所示。

分析：

iframe实际上就是在当前页面嵌入了另外一个页面，我们也可以同时嵌入多个页面。

举例：嵌入多个页面

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <iframe src="http://www.lvyestudy.com" width="200" height="150"></iframe>
    <iframe src="http://www.sina.com" width="200" height="150"></iframe>
</body>
</html>

浏览器预览效果如下图所示。

可能有些小伙伴在其他书上看到还有什么frameset、frame标签，事实上这几个标签在HTML5标准中已经被废弃了。对于框架，我们只需要掌握iframe这一个标签就可以了。