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. CSS入门教程——定位(positon)
			
    CSS入门教程——定位(positon) CSS定位在网页布局中是起着决定性作用.   定位 CSS的定位功能是很强大的,利用它你可以做出各种各样的网页布局.本节就介绍一些CSS常用的定位语句. 1. ...
    
			
    2. 
						
  2. android 硬件解码学习
			
    FileInputStream in = new FileInputStream("/sdcard/sample.ts"); String mimeType = "vid ...
    
			
    3. 
						
  3. npm创建和发布模块
			
    今天项目需要使用npm去创建一个模块,然后我查询了了npm的使用文档(Working with private modules),然后对其进行了整理. 一.在操作之前,我们首先要将npm装好,并且登录 ...
    
			
    4. 
						
  4. 求1+2+3+...+n的值，要求不能使用乘除法，for、while、if、else、switch、case、等关键字及条件判断语句(JAVA)
			
    采用递归和三目表达式注意红色字体一定不能写成n-- 1 package com.hunag; public class Sum { static int sum; public static int  ...
    
			
    5. 
						
  5. 【转载】Xcode6中添加pch文件
			
    //原文地址:http://www.cnblogs.com/YouXianMing/p/3989155.html 1. 新建工程: 2. 创建pch文件:cmd+n->other->PCH ...
    
			
    6. 
						
  6. JavaScript 原型链的一点想法
			
    JavaScript借鉴了许多语言的特点:例如语法类Java.函数借鉴Scheme.原型继承借鉴自Self.正则表达式借鉴于Perl.(DC Javascript:语言精粹).      首先,每个J ...
    
			
    7. 
						
  7. org.springframework.beans.factory.BeanCreationException
			
    org.springframework.beans.factory.BeanCreationException 这个是创建bean的异常. 我所遇到的情况是由下面这个引起的: @Resource an ...
    
			
    8. 
						
  8. 不规则三角网 Delaunay——TIN
			
    http://blog.csdn.net/u010025211/article/details/25032209 知识点一:平面中判断一个点是否在三角形内部. #include <stdio.h ...
    
			
    9. 
						
  9. Java通过axis调用.NET WebService
			
    前面已经记录过通过axis调用webservice,昨天在对接.NET接口时,发现在传递参数时和一般的传参方法是不一样的,在接口方哥们的帮助下解决了.哈哈. import java.net.URL;  ...
    
			
    10. 
						
  10. PreparedStatement设置时间
			
    程序代码里面需要用PreparedStatement来设置时间过滤参数,时间参数中带有时分秒,用ps.setDate来设置的时候,会丢失时间部分,只有日期,用setTimestamp来设置参数,既有日 ...
    
			
    11.