HTML 框架

HTML 框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法: < iframe src="URL" data-ke-src="URL"> < /iframe> 该URL指向不同的网页。 Iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示

---

< iframe src="URL" data-ke-src="URL">

该URL指向不同的网页。

Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%").

< !DOCTYPE html>
< html>
< head> 
< meta charset="utf-8"> 
< title>logo大咖< /head> 
< body>

< iframe src="demo_iframe.htm" data-ke-src="demo_iframe.htm" width="200" height="200">< p>一些旧的浏览器不支持 iframe。
				

					


				
< p>如果浏览器不支持 iframes 则不会显示。
				

					


				
< /body>
< /html>

Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 "0" 移除iframe的边框:

< !DOCTYPE html>
< html>
< head> 
< meta charset="utf-8"> 
< title>logo大咖< /head> 
< body>

< iframe src="http://www.w3cschool.cc/" data-ke-src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0">
 < p>您的浏览器不支持  iframe 标签。
			

				


			
< /iframe>

< /body>
< /html>

使用iframe来显示目录链接页面

iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性，如下实例:

< !DOCTYPE html>
< html>
< head> 
< meta charset="utf-8"> 
< title>logo大咖< /head> 
< body>

< iframe src="demo_iframe.htm" data-ke-src="demo_iframe.htm" name="iframe_a">< p>< a href="http://www.logodaka.com" data-ke-src="http://www.logodaka.com" target="iframe_a">logodaka< /a>< /p>

< p>< b>注意：< /b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。
				

					


				
< /body>
< /html>

HTML iframe 标签

标签	说明
< iframe>	定义一个内联的iframe