HTML iFrame

iframe 用于在另一个网页中显示网页

什么是 iframe

iframe 或内联框架用于显示外部对象,包括网页中的其他网页。添加 iframe 的基本语法可以通过以下方式给出:

<iframe src="URL">
    alternative content for browsers which do not support iframe.
</iframe>

- URL 指向外部对象或网页的位置。

设置 iframe 的宽度和高度

heightwidth 属性用来指定 iframe 的高度和宽度。

<iframe src="demo-page.html" width="200" height="200">
    alternative content for browsers which do not support iframe.
</iframe>

注: widthheight 属性值都将默认像素规定,但你也可以设定值百分比(如“50%”)。

删除默认 Frameborder

frameborder 属性指定是否在 iframe 周围显示边框。此属性的值为 0 或 1,默认值 1 表示边框,值 0 表示从 iframe 中删除边框。

<iframe src="demo-page.html" frameborder="0">
    alternative content for browsers which do not support iframe.
</iframe>

使用 iframe 作为链接目标

iframe 可以用作超链接的目标。

可以使用 name 属性命名 iframe。这意味着当 target 遵循具有该名称作为值的属性的链接时,将在 iframe 中打开链接的资源。

<iframe src="demo-page.html" name="myFrame"></iframe>
<p><a href="https://www.tutorialrepublic.com" target="myFrame">Tutorial Republic</a></p>