您的位置：首页 > Web前端

web前端之HTML中的框架

2015-10-25 17:37 429 查看

框架

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。

使用框架的坏处：

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

很难打印整张页面

框架结构标签（<frameset>）

框架结构标签（<frameset>）定义如何将窗口分割为框架

每个 frameset 定义了一系列行或列

rows/columns 的值规定了每行或每列占据屏幕的面积

垂直框架：

　　

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>

<frameset cols="25%,50%,25%">
<frame src="0001.html"><frame />
<frame src="0002.html"><frame />
<frame src="0003.html"><frame />
</frameset>

</html>

水平框架：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>

<frameset rows="25%,50%,25%">
<frame src="image/1.jpg"><frame />
<frame src="image/2.jpg"><frame />
<frame src="image/3.jpg"><frame />
</frameset>

</html>

重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

内联框架：

iframe 用于在网页内显示网页。

添加 iframe 的语法

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

URL 指向隔离页面的位置。

Iframe - 设置高度和宽度

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

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

Iframe - 删除边框

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

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

使用 iframe 作为链接的目标

iframe 可用作链接的目标（target）。

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

程序演示：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>
<body>
<iframe src="image/wc.jpg" width="80%"  name="a_iframe"></iframe><br />
<a href="http://www.cnblogs.com/ztyy04126/" target="a_iframe">http://www.cnblogs.com/ztyy04126/</a>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航