1、frameset

<html>

<frameset cols="25%,50%,25%">

  <frame src="frame_a.htm" />

  <frame src="frame_b.htm" />

  <frame src="frame_c.htm" />

</frameset>

</html>

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

重要事项：您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。不过，如果您需要为不支持框架的浏览器添加一个 <noframes> 标签，请务必将此标签放置在 <body></body> 标签中！

<frameset rows="100,*" frameborder="no">    --上下分，第一行100像素，剩余为第二行；rows换成cols，则上下分变为左右分。frameborder=“no”，去掉分割线。

<frame src="页面地址" noresize="noresize">    --noresize，禁止窗口调整大小

<frame src="" scrolling="no">    --scrolling="no",取消显示滚动条

　　</frameset>

在超链接指定目标页面显示在哪个框架窗口中

　　第一步：给要显示内容的目标frame设置name属性

第二步：给超链接的target属性赋值成第一步设置的name

例如：

Untitled-3.html中的一个超链接在 Untitled-2.html 所在的框架区域显示。
<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>框架</title>

</head>

<frameset rows="100,*">

    <frameset cols="100,*">

    <frame src="Untitled-1.html"/>

    <frame src="Untitled-2.html" name="aa"/>

    </frameset>

<frame src="Untitled-3.html"/>

</frameset><noframes></noframes>

</html>
Untitled-3.html中需要添加的内容
<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>测试网页</title>

</head>

<body>

<a href="http://www.w3school.com.cn/" target="aa">测试框架跳转 </a>

</body>

</html>
让整个frameset页面跳转至某个页面：

把超链接的target属性设置为“_top”。

2、iframe

在原来页面嵌入小窗口显示其他页面

属性 值 描述
align
  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。
frameborder
  • 1
  • 0
 规定是否显示框架周围的边框。
height
  • pixels
  • %
 规定 iframe 的高度。
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox
  • ""
  • allow-forms
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 启用一系列对 <iframe> 中内容的额外限制。
scrolling
  • yes
  • no
  • auto
 规定是否在 iframe 中显示滚动条。
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width
  • pixels
  • %
 定义 iframe 的宽度。 


<iframe src="其他页面的地址" width="" height="" frameborder="0" scrolling="no"></iframe>


frameborder，边线；scrolling，滚动条。如果设置高和宽为0，则不显示，但是在后台会存在这么一个页面，例如熊猫烧香病毒。




												


											
HTML——框架的更多相关文章
	

    
						
  1. 避免重复造轮子的UI自动化测试框架开发
		
    一懒起来就好久没更新文章了,其实懒也还是因为忙,今年上半年的加班赶上了去年一年的加班,加班不息啊,好了吐槽完就写写一直打算继续的自动化开发 目前各种UI测试框架层出不穷,但是万变不离其宗,驱动PC浏览 ...
    
		
    2. 
						
  2. ABP入门系列（1）——学习Abp框架之实操演练
		
    作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...
    
		
    3. 
						
  3. 旺财速啃H5框架之Bootstrap（五）
		
    在上一篇<<旺财速啃H5框架之Bootstrap(四)>>做了基本的框架,<<旺财速啃H5框架之Bootstrap(二)>>篇里也大体认识了bootst ...
    
		
    4. 
						
  4. Angular企业级开发(5)-项目框架搭建
		
    1.AngularJS Seed项目目录结构 AngularJS官方网站提供了一个angular-phonecat项目,另外一个就是Angular-Seed项目.所以大多数团队会基于Angular-S ...
    
		
    5. 
						
  5. Scrapy框架爬虫初探——中关村在线手机参数数据爬取
		
    关于Scrapy如何安装部署的文章已经相当多了,但是网上实战的例子还不是很多,近来正好在学习该爬虫框架,就简单写了个Spider Demo来实践.作为硬件数码控,我选择了经常光顾的中关村在线的手机页面 ...
    
		
    6. 
						
  6. 制作类似ThinkPHP框架中的PATHINFO模式功能
		
    一.PATHINFO功能简述 搞PHP的都知道ThinkPHP是一个免费开源的轻量级PHP框架,虽说轻量但它的功能却很强大.这也是我接触学习的第一个框架.TP框架中的URL默认模式即是PathInfo ...
    
		
    7. 
						
  7. 旺财速啃H5框架之Bootstrap（四）
		
    上一篇<<旺财速啃H5框架之Bootstrap(三)>>已经把导航做了,接下来搭建内容框架.... 对于不规整的网页,要做成自适应就有点玩大了.... 例如下面这种版式的页面. ...
    
		
    8. 
						
  8. 一起学 Java（三） 集合框架、数据结构、泛型
		
    一.Java 集合框架 集合框架是一个用来代表和操纵集合的统一架构.所有的集合框架都包含如下内容: 接口:是代表集合的抽象数据类型.接口允许集合独立操纵其代表的细节.在面向对象的语言,接口通常形成一个 ...
    
		
    9. 
						
  9. Hibernatel框架关联映射
		
    Hibernatel框架关联映射 Hibernate程序执行流程: 1.集合映射 需求:网络购物时,用户购买商品,填写地址 每个用户会有不确定的地址数目,或者只有一个或者有很多.这个时候不能把每条地址 ...
    
		
    10. 
						
  10. [虾扯蛋] android界面框架-Window
		
    从纯sdk及framwork的角度看,android中界面框架相关的类型有:Window,WindowManager,View等.下面就以这几个类为出发点来概览下安卓开发的"界面架构&quo ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Javascript DOM编程艺术JS代码
			
    //com function addLoadEvent (func) { var oldonload = window.onload; if (typeof window.onload != 'fun ...
    
			
    2. 
						
  2. Spring-----4、使用Spring容器
			
    转载自:http://blog.csdn.net/hekewangzi/article/details/41349591
    
			
    3. 
						
  3. error LNK2019: 无法解析的外部符号 "public:
			
    错误 1 error LNK2019: 无法解析的外部符号 "public: __thiscall test::test(void)" (??0test@@QAE@XZ),该符号在 ...
    
			
    4. 
						
  4. JavaScript实现div宽、高自动缓慢拉伸
			
    最近打算实现一个带有滤镜效果的地自动拉伸图片.发现使用css3浏览器兼容性得需要特别关注.这里我使用js实现了一个div边框自动拉伸和缩小.源码如下: <!DOCTYPE html>< ...
    
			
    5. 
						
  5. oracle数据库管理--用户管理
			
    一.oracle数据库用户管理 1.sys和system用户区别 (1)存储的数据的重要性不同:        sys所有oracle的数据字典的基表和视图都存放在sys用户中,这些基表和视图对于or ...
    
			
    6. 
						
  6. MongoDB的save 和insert函数的区别
			
    mongodb的save和insert函数都可以向collection里插入数据,但两者是有两个区别: 一.使用save函数里,如果原来的对象不存在,那他们都可以向collection里插入数据,如果 ...
    
			
    7. 
						
  7. NPOI导出多张图片到Excel
			
    常用NPOI导出数据到excel,但没有试过如何导出图片.NPOI最大的特点就是不依赖于Excel组件,服务端不需要安装Excel.在单元格中插入图片主要是用HSSFClientAnchor对象.他有 ...
    
			
    8. 
						
  8. [汇编语言]-第七章 用[bx+idata]的方式进行数组的处理
			
    1- 转化为大写 方法一: assume cs:code,ds:data data segment db 'BaSiC' db 'MinIX' data ends code segment start ...
    
			
    9. 
						
  9. bzoj 2648  SJY摆棋子   kd树
			
    题目链接 初始的时候有一些棋子, 然后给两种操作, 一种是往上面放棋子. 另一种是给出一个棋子的位置, 问你离它最近的棋子的曼哈顿距离是多少. 写了指针版本的kd树, 感觉这个版本很好理解. #inc ...
    
			
    10. 
						
  10. 重读LPTHW-Lesson25
			
    1.ex25接触了字符串函数split().列表函数sorted().pop()函数,整理一下其用法以及其他常见的字符串.列表操作函数如下. (1)split()函数 split()是拆分字符串函数, ...
    
			
    11.