HTML框架和HTML页内框架的区别?

在进行网站网页设计中,会经常碰到在一个窗口中需要显示多个独立的网页页面的问题,这时候需要用到HTML frame系列标签,而frame系列 标签是HTML框架中不可缺少的。要正确理解HTML框架和HTML页内框架是两个概念。HTML框架没有特殊说明一般指的是HTML中的frame系列标签,它在网页中的主要作用是把浏览器窗划分成若干独立的小窗口,每个窗口显示相互不同的内容。了解了HTML框架和HTML页内框架是不同概念后,下面为大家说一下HTML中的frame标签的使用。

在网页设计中如果使用框架frame一般是框架集的形式出现的,框架集是指包含多个框架frame的信息,可以通过frameset来定义框架集。框架是按照行和列构成的,可以使用frameset标记对框架frame结构进行设置。所有浏览器都支持 frame标签,所以可以放心使用frame不会出现兼容问题。

frame常见的属性

1、左右分割窗口属性“cols”

在水平方向上将浏览器分割成若干个窗口,可以通过左右分割窗口属性cols实现。语法格式如下:

cols的值用来指定各个框架的列宽,取值有3种形式:像素、百分比(%)、相对尺寸(*)。如果我们想通过框架把浏览器窗口划分为3列,其中第一列占浏览器宽度30%,第二列占像素为320,第三列为相对剩下部分的框架,如果要实现这种效果可以把cols的值设定为cols=“30%,320px,*”,就可以实现上面说的效果。如果想通过框架把浏览器划分为3个宽度相等的框架可以把cols的值设定为cols=“*,*,*”。

2、上下分割窗口属性rows。

在垂直向上将浏览器分割成多个窗口,可以通过rows属性实现,语法格式如下:

rows属性值用来指定各个框架的行高,也有三种形式:像素、百分比(%)、相对尺寸(*),它的设置方法和cols属性相似。

3、框架边框显示属性frameborder。

用于指定框架周围是否显示边框,取值为1或0,1是显示边框默认值,0是不显示边框。

4、framespacing

用于指定框架建的距离,一像素为单位。如果不设置该属性,框架直接没有距离。

5、边框宽度属性border。

用于指定边框的宽度,它有一个前提就是frameborder属性必须是1时才有效。

6、noresize属性

可选属性,如果不写这个属性,框架的边框是可以被拖动的改变宽高,可以通过拖动边框来改变窗口大小。

关于“HTML中的frame标签的使用”先聊到这。每天学习一个知识点,每日寄语-“只有飞得更高,才有俯瞰一切的资格。”如转载清标明出处。

在html中frame标签的作用,HTML中的frame标签常见的6大属性,新手一定要悉知!相关推荐

  1. head 标签有的作用,及其必不可少的标签

    Head标签是HTML文档中的一个重要元素,它不会出现在浏览器显示的页面中,而是用于声明文档的元信息.Head标签中包含了多个子标签,其中最重要的是title标签,它是必不可少的. Title标签的作 ...

  2. java中输出时 什么作用_JAVA中输入和输出处理(Java I/O)重点总结

    文件-使用File类操作文件: 什么是文件?  文件可认为是相关记录或放在一起的数据的集合. 文件一般存储在哪里?  储存在存储设备里. Java程序如何访问文件?  Java API:java.io ...

  3. 人群标签的作用,怎样形成人群标签

    千人千面的环境下到底有没有必要做人群标签?答案是肯定要做的,今天就来跟大家讲解,人群标签的作用,以及怎样形成店铺人群标签 一:人群的作用 1.获取精准流量.人群 人群标签形成后,个性化的展现就会出现在 ...

  4. java中statement对象的作用_java中Statement 对象

    1.创建Statement对象 建立了到特定数据库的连接之后,就可用该连接发送 SQL 语句.Statement 对象用 Connection 的方法 createStatement 创建,如下列代码 ...

  5. html中dir标签的作用是什么意思,htmldir标签是干啥的?dir标签的具体定义和属性介绍...

    本篇文章主要的为大家讲述的就是html dir标签的定义和html dir标签的compact属性的介绍, html dir标签的定义: HTML 目录列表: HTML XHTML CSS html ...

  6. Java中xmp标签的作用_html 中 xmp标记

    HTML页面中显示HTML标签代码,可以使用 html标签内容,这样,在网页中就会显示html标签 for(var i=0;i var column = columns[i]; var dataInd ...

  7. python中匿名函数的作用_Python 中的匿名函数,你会用吗

    原标题:Python 中的匿名函数,你会用吗 概念 我们从一个例子引入. 这里有一个元素为非空字符串的列表,按字符串最后一个字母将列表进行排序.如果原列表是 ['abc', 'g', 'def'],则 ...

  8. python中格式化字符串的作用_python中字符串格式化的意义(化妆)

    格式 描述 %%百分号标记 #就是输出一个% %c字符及其ASCII码 %s字符串 %d有符号整数(十进制) %u无符号整数(十进制) %o无符号整数(八进制) %x无符号整数(十六进制) %X无符号 ...

  9. python中的变量的作用_Python中的变量作用域

    python中变量作用域包括: L (Local) 局部作用域,函数内部声明但没有使用global的变量 E (Enclosing) 闭包函数外的函数中,def或者lambda的本地作用域 G (Gl ...

最新文章

  1. Linux中与命令相关的命令
  2. java 二维数组的定义
  3. Qt 视图框架示例 Colliding Mice 的翻译
  4. PHP性能追踪及分析工具xhprof的安装与使用
  5. 情人节,我表白了CSDN小姐姐后,竟然...【为表白写了一个绘图工具,让我不再手残】
  6. 剑指offer 56 - 1.数组中数字出现的次数
  7. Python 机器学习在线指南
  8. 引用和指针的区别[zz]
  9. pc版本Line电脑多开软件,多开分身软件
  10. yytext显示html并编辑,YYText的使用
  11. Neural Summarization by Extracting Sentences and Words
  12. 【阿里巴巴-飞猪旅行-内推】2020年应届实习生招聘
  13. 浏览器返回数据量过大报‘failed to load response data: Request content was evicted from inspector cache’
  14. DehazeNet: An End-to-End System for Single ImageHaze Removal(图像去雾2016)
  15. Ubuntu 21.04(arm64) 基于sanp安装Nextcloud,挂载本地硬盘
  16. delphi 用MDAC微软数据库访问组件的dll动态库
  17. 亲测好用的数据恢复软件:Disk Drill Mac中文版
  18. python --Tkinter详解
  19. 马斯克:把你们的代码都打印出来
  20. 深度 | 区块链在天猫国际商品溯源中的应用

热门文章

  1. 计算机怎样改成游戏机,手把手教你安装batocera系统,把旧电脑变成万能影音游戏主机...
  2. 教你用python制作证件照片啦学会再也不用跑去照相馆拍照了~
  3. 考研英语作文 独家手写笔记
  4. oc引导win方法_Win10安装Mac os双系统引导过程总结2020
  5. halcon基本操作
  6. 2021编程语言排行榜出炉,C#年度语言奖
  7. android语音记账,爱彼语记语音计算器记账记事本
  8. 无线手持PDA可以给企业带来什么?
  9. D2D,让通信更简单!
  10. pads pcb导出pdf文件_pads(pcb)文件跟allegro(brd)文件互转.pdf