iframe用法html5中iframe定义和用法html中的iframe用法




iframe用法html5中iframe定义和用法html中的iframe用法

2022-07-21 2:10:40 网络知识 官方管理员


添加iframe的语法

<iframesrc="URL"></iframe>

URL指向隔离页面的位置。

Iframe-设置高度和宽度

height和 width属性用于规定iframe的高度和宽度。

属性值的默认单位是像素,但也可以用百分比来设定(比如"80%")。

实例

<html><body><iframesrc="/example/html/demo_iframe.html"   width="200"height="200"></iframe><p>某些老式的浏览器不支持内联框架。</p><p>如果不支持,则iframe是不可见的。</p></body></html>

iframe用法(html5中iframe定义和用法)(1)

HTML基础教程:Iframe的用法

Iframe-删除边框

frameborder属性规定是否显示iframe周围的边框。

设置属性值为"0"就可以移除边框:

实例

<html><body><iframesrc="/example/html/demo_iframe.html"frameborder="0"></iframe><p>某些老式的浏览器不支持内联框架。</p><p>如果不支持,则iframe是不可见的。</p></body></html>

iframe用法(html5中iframe定义和用法)(2)

HTML基础教程:Iframe的用法

使用iframe作为链接的目标

iframe可用作链接的目标(target)。

链接的target属性必须引用iframe的name属性:

实例

<html><body><iframesrc="/example/html/demo_iframe.html"name="iframe_a"></iframe><p><ahref="http://www.baidu.com"target="iframe_a">baidu.com</a></p><p><b>注释:</b>由于链接的目标匹配iframe的名称,所以链接会在iframe中打开。</p></body></html>

iframe用法(html5中iframe定义和用法)(3)

HTML基础教程:Iframe的用法

发表评论:

最近发表
网站分类
标签列表