HTML iFrame
iframe 用于在另一个网页中显示网页
什么是 iframe
iframe 或内联框架用于显示外部对象,包括网页中的其他网页。添加 iframe 的基本语法可以通过以下方式给出:
<iframe src="URL">
alternative content for browsers which do not support iframe.
</iframe>
- URL 指向外部对象或网页的位置。
设置 iframe 的宽度和高度
height
和 width
属性用来指定 iframe
的高度和宽度。
<iframe src="demo-page.html" width="200" height="200">
alternative content for browsers which do not support iframe.
</iframe>
注: width
和 height
属性值都将默认像素规定,但你也可以设定值百分比(如“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>