怎样在一个HTML中嵌入另一个HTML页面_随笔

HTML中的嵌套通常使用<iframe >标签，iframe 元素会创建包含另外一个文档的内联框架（即行内框架），所有浏览器都支持

使用方法示例：

a.html代码

<html>

<body>

<p style="color: #009F95">我是嵌入的HTML上面的标签</p>

<p style="color: #009F95">我是嵌入的HTML下面的标签</p>

</body>

</html>

b.html代码

<body>

<p>这里是页内被嵌入的HTML</p>

</body>

常用属性说明

frameborder 规定是否显示框架周围的边框。 1为显示 0为隐藏

scrolling 规定是否在 iframe 中显示滚动条。yes 为显示 no为不显示 auto会自动判断

src 引用的HTML页面

width 定义 iframe 的宽度。

height规定 iframe 的高度。

marginheight 定义 iframe 的顶部和底部的边距。

marginwidth 定义 iframe 的左侧和右侧的边距。

name 规定 iframe 的名称。

html中直接嵌套另一个html在做网页中常要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含（引用）这个通用文件即可。

主要作用还是便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不需要每个文件单独修改。

比如：最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里，然后其他页面文件在页。面内容的最后包含这个文件就可以了。

使用iframe的客户端包含

客户端页面嵌套还可以使用iframe的方法，弊端是必须事先想好被嵌套的页面在首页中要占多大的位置。如果被嵌套页面太大，超过事先定义的宽度或高度，则首页会出现滚动条。这也许正是你所需要的，但也许会完全破坏主页的设计。

iframe的使用很简单，下面的例子会在你的页面中嵌入另一个叫做include.html的页面：

<a href="included.html">你的浏览器不支持iframe页面嵌套，请点击这里访问页面内容。</a>

</iframe>

这里主页中定义了要插入的页面将显示的高度为400的像素，宽度为450个像素。

我们为什么要在

iframe的里面插入一个普通的超级链接元素<a>呢？这是因为老版本的浏览器和搜索引擎不支持iframe，虽然现在已经很少有人还会使

用Netscape

4这样老的浏览器了，但是几乎所有人都会使用象Google这样的搜索引擎。在iframe里面加上超级链接可以帮助搜索引擎找到网页的内容。

另外我们可以定义iframe的一些属性来控制网页的显示效果

，除了前面用到的最常用宽度(width)和高度(height)的定义外，如果在任何情况下都不希望出现滚动条的话，可以定义iframe的

scrolling属性等于"no"。如果不希望镶嵌页面的周围出现边框的话，可以将frameborder属性设置为0。下面这个例子显示了

scrolling和frameborder属性的使用：

<a href="included.html">你的浏览器不支持iframe页面嵌套，请点击这里访问页面内容。</a>

</iframe>

欢迎分享，转载请注明来源：内存溢出

怎样在一个HTML中嵌入另一个HTML页面