您的位置:首页 > Web前端 > HTML

html框架frame iframe

2015-11-17 17:04 429 查看
框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。没分HTML文档称作一个框架。

缺点:

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架结构标签(<frameset>)

框架结构标签定义如何将窗口分割为框架,每个frameset定义一系列行或列,row/columns的值规定了每行或每列占据的屏幕的面积(framset标签也被某些文章和书籍译为框架集)

<frameset cols="25%,75%">

<frame src="fram_a.htm">

<frame:src="fram_b.htm">

</frameset>

两列,一个占25%,另一个占75%,html文档"fram_a.htm"被置于第一列中,"fram_b.htm"第二列

<frameset rows="25%,50%,25%">三行,分别占25%,50%,25%

假如一个框架有可见边框,用户可以拖动边框来改变它的大小,为了避免这种情况,可以在<frame>标签中加入:noresize="noresize",位置<frame src="" noresize="noresize">

为不支持框架的浏览器添加<nofranes>标签

不能讲<body></body>标签与<frameset></frameset>标签同时使用,不过,假如你添加包含一段文本的<noframes>标签,就必须将这段文字嵌套于<body></body>标签内

导航框架

iframe用于在网页内显示网页

添加iframe的语法:<iframe src="URL"></iframe> URL指向隔离页面的位置

iframe 设置高度和宽度:

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

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

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

Iframe -删除边框

frameborder属性规定是否显示iframe周围的边框。设置属性为0就可以移除边框

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

使用iframe作为链接的目标

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

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

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.baidu.com/" target="iframe_a">百度</a></p>

标签描述
<iframe>定义内联的窗口
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: