0

0

HTML框架标签frameset、frame、iframe、noframes

高洛峰

高洛峰

发布时间:2017-02-13 15:19:52

|

2676人浏览过

|

来源于php中文网

原创

一个浏览器文档窗口中一般只能显示一个网页文件,但是,使用框架标签就可以将一个浏览器文档窗口分割成多个子窗口,每个子窗口中都可以显示一个独立的网页文件。
框架是由英文frame翻译过来,它代表浏览器文档窗口中的一个子窗口。每个框架都可以显示一个html文件,多个框架组成了一个框架集(frameset)。框架集通常的使用方法是在一个框架中放置一个网页,此网页含有可以链接到其他多个网页的超链接条目,访问者单击这些超链接条目后,可以将超链接指向的网页文件显示在另外一个指定的框架中。如果要求在单个应用窗口中显示一个以上的网页,就可以使用框架。


1.框架集标签

一个被划分成若干框架的窗口区域被称为框架集,框架窗口必须定义在框架集中,

和标签用来定义框架集中有几个框架,以及各个框架时如何排列的。
和标签嵌套在标签对中,也可以嵌套使用,但是必须放在和标签之外,因为,和标签只是用来划分框架窗口的,而不能显示其他的网页元素。
标签具有两个比较重要的属性rows和cols属性,使用此标签时,至少应选择这两个属性中的一个,否则浏览器只显示第一个定义的框架,剩下的一概不管,和标签也就没有起到任何作用了。
rows属性用来规定主文档中有几行框架窗口及各个框架窗口及各个框架窗口的大小。

cols属性用来规定主文档中有几列框架窗口及各个框架窗口及各个框架窗口的大小。

属性值可以是百分数、绝对像素值。或者星号(*)的组合,取值的个数说明了行和列的个数,(*)代表那些未被说明的空间,如果同一个属性中出现多个星号(*),则将 剩下的未被说明的空间平均分配,每个值之间用逗号隔开。

立即学习前端免费学习笔记(深入)”;

例:

这个表示共有三个按行排列的框架,每个框架占整个浏览器窗口的

1/3的空间的大小。

这个表示共有三个按列排列的框架,第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架的窗口。

这个表示共有六个框架,两行三列

 

AI封面生成器
AI封面生成器

专业的AI封面生成工具,支持小红书、公众号、小说、红包、视频封面等多种类型,一键生成高质量封面图片。

下载

2.框架标签

标签放在

和标签之间,用来定义某一个具体的框架窗口。标签具有两个比较重要的属性,src和name属性,这两个属性都是必须赋值的。src指定整个框架窗口中初始装载的网页文件的URL地址,浏览器将会在此框架中显示src指定的HTML文件;name指定框架窗口的名字,这个名字是用来供超文本链接标签中的target属性指定链接的HTML文件将显示在哪一个框架中。例如,定义了一个框架名字为main,其他某个框架窗口中的超链接标签的target属性值等于这个框架窗口的名字main,当那个超连接被单击后,它指向的HTML文件将显示在main框架中。
此外,还有scrolling和noresize属性,scrolling用来指定是否在框架窗口边框显示滚动条,取值可以是yes、no、auto(网页内容的空间比空间窗口大时显示,否则不显示)。noresize属性直接加入标签即可使用,不需要赋值,他用来禁止用户使用鼠标拖动框架间的分割线儿调整框架的大小。

 

3.标签

这对标签的作用是当浏览者使用的浏览器太旧,不支持框架这个功能时,看到的将会是一片空白。为了避免这种情况,可使用这个标签,当使用的浏览器看不到框架时,就会看到<noframes>……之间的内容,而不是一片空白。这些内容可以是提醒浏览转用新的浏览器的字句,甚至是一个没有框架的网页,或能自动切换至没有框架的版本。在此标签对之间,应该先紧跟着和标签。

 

4.浮动窗口标签

标签不需要放在和标签之间,它的作用是在一个网页中间插入一个简单的框架窗口,在这个框架窗口中可以显示另外一个文件,这样就能够实现一种“画中画”的效果。在标签对中放入的文本只有在浏览器不支持

更多HTML框架标签frameset、frame、iframe、noframes相关文章请关注PHP中文网!

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Python 序列化
Python 序列化

本专题整合了python序列化、反序列化相关内容,阅读专题下面的文章了解更多详细内容。

0

2026.02.02

AO3官网入口与中文阅读设置 AO3网页版使用与访问
AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own(AO3)官网入口展开,系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法,并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程,帮助用户稳定访问 AO3 官网,高效完成中文阅读与作品浏览。

91

2026.02.02

主流快递单号查询入口 实时物流进度一站式追踪专题
主流快递单号查询入口 实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容,重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题,帮助用户快速获取最新物流状态,提升查件效率与使用体验。

27

2026.02.02

Golang WebAssembly(WASM)开发入门
Golang WebAssembly(WASM)开发入门

本专题系统讲解 Golang 在 WebAssembly(WASM)开发中的实践方法,涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化,以及典型应用场景(如前端计算、跨平台模块)。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

11

2026.02.02

PHP Swoole 高性能服务开发
PHP Swoole 高性能服务开发

本专题聚焦 PHP Swoole 扩展在高性能服务端开发中的应用,系统讲解协程模型、异步IO、TCP/HTTP/WebSocket服务器、进程与任务管理、常驻内存架构设计。通过实战案例,帮助开发者掌握 使用 PHP 构建高并发、低延迟服务端应用的工程化能力。

5

2026.02.02

Java JNI 与本地代码交互实战
Java JNI 与本地代码交互实战

本专题系统讲解 Java 通过 JNI 调用 C/C++ 本地代码的核心机制,涵盖 JNI 基本原理、数据类型映射、内存管理、异常处理、性能优化策略以及典型应用场景(如高性能计算、底层库封装)。通过实战示例,帮助开发者掌握 Java 与本地代码混合开发的完整流程。

5

2026.02.02

go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

62

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

55

2026.01.31

go语言输入函数
go语言输入函数

本专题整合了go语言输入相关教程内容,阅读专题下面的文章了解更多详细内容。

27

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号