框架

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。没分HTML文档称作一个框架。

缺点：

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面

框架结构标签(<frameset>)

框架结构标签定义如何将窗口分割为框架，每个frameset定义一系列行或列，row/columns的值规定了每行或每列占据的屏幕的面积(framset标签也被某些文章和书籍译为框架集)

<frameset cols="25%，75%">

<frame src="fram_a.htm">

<frame:src="fram_b.htm">

</frameset>

两列，一个占25%，另一个占75%,html文档"fram_a.htm"被置于第一列中，"fram_b.htm"第二列

<frameset rows="25%,50%,25%">三行，分别占25%,50%,25%

假如一个框架有可见边框，用户可以拖动边框来改变它的大小，为了避免这种情况，可以在<frame>标签中加入：noresize="noresize"，位置<frame src=""  noresize="noresize">

为不支持框架的浏览器添加<nofranes>标签

不能讲<body></body>标签与<frameset></frameset>标签同时使用，不过，假如你添加包含一段文本的<noframes>标签，就必须将这段文字嵌套于<body></body>标签内

导航框架

iframe用于在网页内显示网页

添加iframe的语法：<iframe src="URL"></iframe>     URL指向隔离页面的位置

iframe 设置高度和宽度：

height和width属性用语规定iframe的高度和宽度

属性值的默认单位是像素，但也可以用百分比来设定（比如80%）

<iframe src="demo_iframe.html" width="200" height="200"></iframe>

Iframe -删除边框

frameborder属性规定是否显示iframe周围的边框。设置属性为0就可以移除边框

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

使用iframe作为链接的目标

iframe可用作链接的目标（target）

链接的target属性必须引用iframe的name属性：

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.baidu.com/" target="iframe_a">百度</a></p>

标签 描述
<iframe> 定义内联的窗口

html框架frame iframe的更多相关文章

  1. 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset

    我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...

  2. Selenium 多表单(frame/iframe)切换

    frame标签有frameset.frame.iframe三种,frameset跟其他普通标签没有区别,不会影响到正常的定位,而frame与iframe需要切换进去才能定位到其中的元素 比如下面这个网 ...

  3. Selenium：多表单(frame/iframe)切换（Switch模块）

    frame标签有frameset.frame.iframe三种,frameset跟其他普通标签没有区别,不会影响到正常的定位,而frame与iframe需要切换进去才能定位到其中的元素 比如下面这个网 ...

  4. frame/iframe多表单切换

    应用场景: 在Web应用中经常会遇到frame/iframe表单嵌套页面的应用,WebDriver只能在一个页面上对元素识别与定位,对于frame/iframe表单内嵌页面上的元素无法直接定位.这时就 ...

  5. <frameset><frame><iframe>网页框架

    这几个标签都属于同一类功能,就是框架内镶功能: 1)<frameset>意为把页面分解成一定部分,让每一部分显示不同的内镶框架,如(请复制到DW尝试): <html> < ...

  6. 实用框架（iframe）代码

    <iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" ...

  7. frame,iframe,frameset用法和区别

    ■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这 ...

  8. HTML+CSS教程（二）frameset框架和iframe内嵌

    一.框架 (frameset)1.用<frameset></frameset>代替了<body></body>2.rows设置行的占页面的百分比:col ...

  9. 框架frame

    使用框架切分网页 效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

随机推荐

  1. Linux&C ——信号以及信号处理

    linux信号的简单介绍 信号的捕捉和处理 信号处理函数的返回 信号的发送 信号的屏蔽 一:linux信号的简单介绍. 信号提供给我们一种异步处理事件的方法,由于进程之间彼此的地址空间是独立的,所以进 ...

  2. Java的基本数据类型和数据类型转换

    首先java属于强类型语言,要求变量的使用要严格遵守规范,所有变量都必须先定义后才能使用. Java的数据类型分为以下两种: 1 基础数据类型(primtive type) 和 2 引用数据类型(re ...

  3. vue强制组件重新渲染

    有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据.或者,我们可能只想抛开当前的DOM,重新开始.那么,如何让Vue以正确的方式重新呈现组件呢? 强制 Vue ...

  4. idea连接数据库时区：Server returns invalid timezone. Go to 'Advanced' tab and set 'serverTimezone' prope

    错误界面 IDEA连接mysql,地址,用户名,密码,数据库名,全都配置好了,点测试连接,咔!不成功! 界面是这样的, 翻译过来就是:服务器返回无效时区.进入"高级"选项卡,手动设 ...

  5. .NET Conf 2021 正在进行中，带你看一看微软带来了什么内容

    今年最大的.NET活动正在进行, 可以通过Channel9 https://channel9.msdn.com/Events/dotnetConf/2021 看具体的Session .微软和社区一直在 ...

  6. vue配置请求拦截器和响应拦截器

    首先确保我们已经设置的store.js进行值的存取,这时候我们需要配置请求和响应的拦截器设置 main.js import Vue from 'vue' import App from './App' ...

  7. stom消费kafka消息速度慢的问题

    原来代码如下 KafkaSpoutConfig<String, String> kafkaSpoutConfig = KafkaSpoutConfig.builder(kafka_serv ...

  8. centos 添加sudo 权限

    https://apple.stackexchange.com/a/82527 visudo user1    ALL=(user2) NOPASSWD: /bin/bash amy  ALL=(AL ...

  9. 暑假算法练习Day4

    已经坚持第四天啦,Fighting!!! 1008 数组元素循环右移问题 (20 分) 一个数组\(A\)中存有\(N\)\((>0)\)个整数,在不允许使用另外数组的前提下,将每个整数循环向右 ...

  10. FZU ICPC 2020 寒假训练 4 —— 模拟(一）

    P1042 乒乓球 题目背景 国际乒联现在主席沙拉拉自从上任以来就立志于推行一系列改革,以推动乒乓球运动在全球的普及.其中11分制改革引起了很大的争议,有一部分球员因为无法适应新规则只能选择退役.华华 ...