在网页中镶嵌另外一个网页的的镶嵌HTML代码和参数详解
网页的镶嵌就是在一个网页中嵌入另一个网页，使它们看上去像是一个网页。
如果一组网页有完全相同的部分，比如共同的导航、广告栏等，这时，只要把这些相同的部分做成一个单独的网页，再用<iframe>标记嵌入各个网页即可。这样做的好处是，当各网页中共同的部分需要修改时，比如更换了广告，只需修改那个独立的网页就行了，不需要逐个网页都作修改。
网页的镶嵌功能可以用<iframe>标记实现，它的基本格式是：
<iframe src="嵌入的网页地址"></iframe>
<iframe>标记的主要属性有：
1、src：指定该框架中显示的网页文件路径，可以是本地文件，也可以是URL。
2、width：框架宽度，如果用整数，则框架宽度为绝对值，如果用百分比，则框架宽度为相对值。
3、height：框架高度，单位为像素。
4、scrolling：指定该框架是否使用滚动条。取值有：
(1) auto：当框架中的网页尺寸超出框架尺寸时显示滚动条，否则不显示；
(2) yes：显示滚动条；
(3) no：不显示滚动条，这时超出框架的网页部分将无法看到。
5、frameborder：指定框架是否使用边框，取值为yes或no。
6、align：如果框架周围有文字，用align属性可设置框架和文字的对齐方式。取值有：left、right、top、middle、absmiddle、bottom等。
通常，用<iframe>嵌入的网页应该实现无缝嵌入，使用户感觉不到这是另一个网页。所以，它的一般格式多采用：
<iframe src="#" width="#" height="#" scrolling="no" frameborder="no"></iframe>
其中的尺寸一般使用绝对值，嵌入的网页大小应该按框架的尺寸设计。
<iframe>应用举例：
某网站的每个网页的顶部都使用相同的格式：
这时，我们可以把顶部的共同部分单独设计成一个网页，这样可方便更换广告，顶部网页的代码如下：
|
<! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body topmargin="0" leftmargin="0">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="60"><img src="logo.gif"></td>
<td width="550"><img src="guanggao.gif"></td>
</tr>
</table>
</body>
</html>
|
这个顶部由两张图片组成，总宽度为700像素，高度为60像素。把该网页保存为top.htm文件。
在其它各个网页中，可以用如下方式嵌入top.htm网页：
|
<! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<!-- 嵌入的页面顶部 -->
<table width="700" border="0" cellspacing="0" cellpadding="0" aligh="center">
<tr>
<td width="700" height="60"><iframe src="top.htm" width="700" height="60" scrolling="no"></iframe></td>
</tr>
</table>
<!-- 网页的内容 -->
</body>
</html>
|
这里用表格来约束嵌入网页的位置，<iframe>标记导入的网页显示在单元格中，看上去它和原网页融为一体。
*****台州视窗网/台州19楼/台州论坛/台州信息港整理转载****
