HTML 框架iframe
author:一佰互联 2018-05-22   click:1599

HTML 框架


<iframe> 标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。


iframe语法:

<iframe src="URL"></iframe>

该URL指向不同的网页。 


Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%").

实例

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

尝试一下 »


Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 "0" 移除 iframe 的边框:

实例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>




使用iframe来显示目录链接页面

iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性,如下实例:

实例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe> 
<p><a href="http://www.yinxi.net" target="iframe_a">yinxi.net</a></p>




HTML iframe 标签

标签 说明
<iframe> 定义一个内联的iframe


iframe 标准属性

属性 说明
class 
规定元素的类名(classname) 
id 规定元素的唯一 id
style 规定元素的行内样式(inline style)
title 规定元素的额外信息(可在工具提示中显示)