【学习笔记】iframe内联框架

【学习笔记】iframe内联框架

内联框架的意思是在网页中嵌套另一个网页，常用于电影网站的评论区等。

我们以哔哩哔哩的内联框架为例，了解什么是内联框架，

内联框架的标签是<iframe>

<body>
<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"
        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</iframe>
</body>

image-20220912115125996

我们可以自己设置内联框架，指定路径，设置宽高。

<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="1000px"></iframe>

也可以与超链接结合使用

在iframe标签中的src，先不指定路径，设置一个name属性，然后在a标签中的target属性中设置name属性的值

<iframe src="" name="hello" frameborder="0" width="1000px" height="1000px"></iframe>
​
<a href="https://www.cnblogs.com/wztblogs/p/16685790.html" target="hello">点击跳转</a>

点击超链接，就可以在该网页打开别的网页了

posted @ 2022-09-12 11:58  GrowthRoad  阅读(52)  评论(0)    收藏  举报