关于HTML框架(frameset)的一些基本用法
frameset
定义
W3C是这样定义frameset框架的，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。注意，这是HTML框架，不是前端框架，与node.js，vue.js等不同。
垂直切割
属性为cols。例如：
<frameset cols="50%,50%">
<frame src="http://www.baidu.com">
<frame src="http://www.google.cn">
</frameset>
属性值的个数就代表视窗的个数，像这里是两个数，那么就有两个视窗，如果有三个，那么就有三个视窗。
值得注意的是，百分比数加起来不一定要为100%，假如都是60%，那么这两个视窗占的比例相同，当然也可以都为40%，一个40%，一个50%，这样他们的比例就为4:5。
属性可以为百分比或者整数，也可以为*，*代表剩余空间。例如：
<frameset cols="80,*">
<frame src="http://www.baidu.com">
<frame src="http://www.google.cn">
</frameset>
水平切割
属性为rows。设置同垂直切割相同。
固定框架尺寸
当设置noresize属性之后，框架将不能调整尺寸。语法为：noresize="noresize"，也可以直接写成noresize。
其他常用属性
- border：设置框架的边框粗细
- bordercolor：设置框架的边框颜色
- frameborder：设置是否显示框架边框，属性值只有0和1。0为不显示边框，1为显示边框。
- framespacing：设置框架与框架间保留的空白距离。
- bordercolor：设置框架的颜色。可以在frameset标签中设置，表示所有视窗边框的颜色，也可以在frame中设置，单独为视窗设置边框颜色。
注意事项
- 不能将body标签和frameset标签同时使用，否则frameset标签会失效。
- noframes标签用于当浏览器不支持框架时使用，一般都会添加。语法为：
<noframes>
<body>您的浏览器无法处理框架</body>
</noframes>
关于HTML框架(frameset)的一些基本用法的更多相关文章
- 【iOS开发】Alamofire框架的使用一基本用法
Alamofire框架的使用一 —— 基本用法 对于使用Objective-C的开发者,一定非常熟悉AFNetworking这个网络框架.在苹果推出的Swift之后,AFNetworking的作者专门 ...
- 列表框、分组列表框、标签（label）、分组框（fieldset）、框架(frameset)
列表框(select) 下拉列表,用户可以从一些可选项中选择. 示例:简单的下拉列表 <select name="country"> <option value= ...
- drf框架中所有视图及用法
0909自我总结 drf框架中所有视图及用法 一.drf框架中的所有视图类 from django.views import View from rest_framework import views ...
- vue框架中props的typescript用法
vue框架中props的typescript用法 在vue中使用typescript时,需要引入vue-property-decorator库来兼容格式. javascript写法 Vue.compo ...
- thinkphp 加载静态框架frameset frame 浏览器显示空白
我觉得静态框架这个东西非常奇怪,可能是因为没有研究透它. 我的情况是这样的,我之前做过的一个面向对象没有基于thinkPHP,的项目中用同一套后台静态框架没有问题,但用thinkphp后台的index ...
- web 浏览器窗口window 与框架 frameset 的关系
如果页面包含框架,则每个框架都拥有自己的window对象,并且保存在frames集合中,可以通过数字索引(从0开始,从左右到右,从上到下)或者框架名称来访问相对应的window对象. 每个window ...
- HTML 框架 frameset，frame
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面.每份HTML文档称为一个框架,并且每个框架都独立于其他的框架 框架结构标签(<frameset>) 框架结构标签(<fram ...
- doctype声明 过渡transitional 严格strict 框架frameset
DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本. 其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义 ...
- html中的框架frameset和frame及iframe
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面. 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面. 每个页面称之为一个框架.并且每个框架独立 ...
随机推荐
- I/O类型
同步和异步 synchronous asyncronous 关注的是消息通知机制 同步:调用发出之后不会立即返回,但一旦返回,则返回即是最终结果. 异步:调用发出之后,被调用方立即返回消息,但返回的 ...
- html和css入门
html 单机软件:软件程序和数据都存储在客户端 界面:Tk.PyQt.wxPython库C/S(Client/Server)架构软件:软件程序和数据一部分存在客户端,一部分存在服务器端 界面:Tk. ...
- 【TensorFlow】：解决TensorFlow的ImportError: DLL load failed: 动态链接库(DLL)初始化例程失败
[背景] 在scikit-learn基础上系统结合数学和编程的角度学习了机器学习后(我的github:https://github.com/wwcom614/machine-learning),意犹未 ...
- 编写一个c++工程
c++接触的很少,之前也只是会编写一个简单的cpp文件,但一个工程的实现,往往不仅包括源文件(.cpp后缀文件)一般还有头文件(.h后缀文件)等.一个c++工程中只能有一个main函数,这个函数所在的 ...
- Mysql大数据表优化处理
原文链接: https://segmentfault.com/a/1190000006158186 当MySQL单表记录数过大时,增删改查性能都会急剧下降,可以参考以下步骤来优化: 单表优化 除非单表 ...
- Android返回系统Home桌面
Intent intent = new Intent(); // 为Intent设置Action.Category属性 intent.setAction(Intent.ACTION_MAIN);// ...
- axios跨域post请求后台参数为null
查了一个小时的资料,大部分都是说设置headers 可能是我查找的关键词不对吧,最后找到一篇文章,把问题解决了 前端解决方式 官方文档 后台解决方式 教程参考地址:http://blog.csdn. ...
- Python学习--08函数式编程
函数式编程的一个特点就是,允许把函数本身作为参数传入另一个函数,还允许返回一个函数. 高阶函数 Python支持高阶函数(Higher-order function). 什么是高阶函数呢?把函数作为参 ...
- spring与struts简单整合案例
Spring,负责对象对象创建 Struts, 用Action处理请求 Spring与Struts框架整合, 关键点:让struts框架action对象的创建,交给spring完成! 步骤: 1)引入 ...
- scala-02-数组的操作
scala中的数组和 java中的数组一样, 定义了长度后不可改变 1, 产生一个数组: 有3种创建数组的方式, 分别直接new, 直接赋值, 或者使用 Array中的rang来产生 /** * 获取 ...