早安.晚安

HTML之iframe

iframe:是框架的一种形式。

属性:  frameborder=0/1 表示是否显示周围边框 0--否 1--是

     width,height:设置的边框宽高,具体数值不需要加单位,也可用百分比

     marginwidth:设置显示的内容的左右边距;marginheight:设置显示的内容的上下边距

     border:设置边框

     scrolling:是否有滚动条

     src:指定调用的图片或文件

用途:在一个网页中,只有某一部分需要显示另外一个网页,即可以用iframe标签。

解释说明:比如在浏览一个网站时,他会有很多相同类似的地方,比如一个教程,他的每一个页面只有在相应显示教程内容的时候不一样,其余地方均相同,则只需要将其余的部分加载一次,将需要变化的部分放在iframe标签嵌入HTML中,这样可以减少网站加载内容,同时这一部分也可以在不同的地方多次使用。

 

<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> 

 

  src:文件或图片或需要读取的网址的路径。

  width,height:显示这一部分的宽高

  scrolling:显示时内容区域超过设置区域,是否显示滚动条。YES--显示  NO--不显示  、AUTO--默认,自动出现

  frameborder:是否显示部分区域边框宽度。一般情况下均设置为0 ,为了减少内嵌的区域与原来网页的违和感。

 

例:<iframe src="http://baidu.com/" width="400" height="200" scrolling="yes" frameborder="0"  />(嵌入网站)

例:<Iframe src="aaa.html" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>(嵌入html文档)

aaa.html:

<html>
<body>
<h1 id="myH1">aaa</h1>
</body>
</html>

可通过修改aaa.html的内容来修改页面中的内容

 

posted on 2016-05-17 21:31  早安.晚安  阅读(434)  评论(0编辑  收藏  举报