在
HTML
中,我们可使用iframe标签
来创建包含另外一个文档的内嵌框架(即行内框架、内联框架)。
内嵌框架就是在当前页面再嵌入另外一个网页。
<iframe src='链接页面地址' width='数值' height='数值'></iframe>
src
必选属性,用于定义链接页面的地址。<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"> <!--必须放在title标签及其它meta标签前-->
<title>内嵌框架</title>
</head>
<body>
<iframe src='https://www.jianshu.com/p/8a24f0ea7161' width='666' height='361'></iframe>
</body>
</html>
iframe标签示例1.png
可以看到,
iframe标签
功能就是让当前页面嵌入另外一个页面。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"> <!--必须放在title标签及其它meta标签前-->
<title>内嵌框架</title>
</head>
<body>
<iframe src='https://www.jianshu.com/p/8a24f0ea7161' width='666' height='361'></iframe>
<iframe src='https://www.jianshu.com/p/0fa294fbb778' width='666' height='361'></iframe>
</body>
</html>
iframe标签示例2.png
例1我们嵌入了一个页面,我又尝试嵌入多个页面,也是可以实现的。 所以说,
iframe标签
不仅可以让当前页面嵌入一个页面,也可以嵌入多个页面。
其实涉及内嵌框架的标签还有 frameset、frame,但这些在
HTML5
标准中已被舍弃。 对于内嵌(内联)框架,只需掌握iframe标签
标签即可。 此外,在HTML5
标准中iframe标签
还被赋予了很多新的定义,自己一定要去看看。