这里考虑一个很神奇的需求,我需要在我的页面中嵌入另一个页面,这个需求是可以实现的,就是使用 iframe 元素。
html
<iframe src="https://www.taobao.com"></iframe>使用 iframe 元素的 src 属性,填入一个链接,就可以把指定链接的网页嵌入到我的网页中。

iframe 元素是一个可替换元素,可替换元素通常都是行盒,显示的内容也取决于元素的属性,iframe 就取决于 src 属性的值。
a 元素是可以和 iframe 元素配合使用的,一般来说,点击 a 元素会在当前窗口打开页面,但有时候我们需要在新窗口打开,就使用 target="_blank" 属性即可,我们也可以实现点击 a 元素,让我网页内的指定 iframe 元素打开这个网页。
要实现这个效果,只需要给 iframe 元素加上一个 name 属性,然后在 a 元素中使用 target 属性,将属性值设置为指定 iframe 元素的 name 属性值即可。
一般来说,iframe 元素常见的使用场景是链接其他网站的视频,其他网站的视频大多数我们是不能直接使用的,人家肯定不让,这个时候就使用 iframe 元素即可。

比如哔哩哔哩,在分享这里就提供了嵌入代码的功能,点击这个按钮给你的就是一个 iframe 元素,直接复制到自己网站的源代码中,就可以查看 b 站的这个视频。