当前位置:网站首页 > 技术博客 > 正文

html中框架的用法



通过前面几章的学习,相信大家已经初略掌握了如何开发一个HTML页面。有时呢,我们可能会需要在一个HTML页面中显示多个页面的内容。要开发这种复杂的页面,我们需要使用框架技术。其可以将多个页面组合在一起,页面的结构可以重用,同时也方便布局。

框架是HTML很早就使用的一种技术。使用框架技术,我们可以达到一下几点优势:

  • 在同一个窗口下显示多个页面,能有效地将多个页面组合在一起,但是各个页面间相互独立
  • 可以实现页面的重用。例如将网站的顶部和底部单独作为一个页面,方便其它页面的使用。
  • 实现典型的“目录结构”,即左侧目录、右侧内容,当用户单击左侧窗口的目录时,在右侧窗口中显示具体内容。

常用的框架技术有这么两类:框架集(frameset),这是早期的框架技术,页面各窗口全部用框架(frame)实现,形成一个框架集。这种结构非常清晰,适用于整个页面都用框架是实现的场合;内嵌框架(iframe),页面中的部分内容用框架实现,通常用于在页面中引用站外的页面内容,使用比较灵活、方便。

一、框架集

在框架下,我们可以将页面分隔为多个区域,每个区域显示不同的网页。修改页面时,也只需修改特定区域的页面即可,无需更新整个框架集中的所有页面。(这就是它的优势)。注意frameset标签会代替body标签

这里的cols属性即页面的纵向分隔( * 表示剩余的页面),rows属性则表示横向分隔。在框架的子页面则用标签表示。

scr属性类似于标签的“src”,表示页面的路径。scrolling属性表示子页面是否显示滚条,noresize属性则表示是否允许调整框架窗口的大小。name属性则可配合target超链接使用。(都是很有用的)

标签下不仅可以放置,也可以嵌套自身。即我们不仅可以按行组合框架、按列组合框架,也可以行列混合组合框架。如:

 

效果如下:

material.1

二、内嵌框架

iframe内嵌框架适用于将部分框架内嵌到页面的场合,通常用于引用其他网站的页面。使用它时,无需替代标签。

 

效果如下:

material.2

同志们,至此HTML的一点点内容就结束了,感谢大家的支持!😄


传送门:http://adolesce.cn/archives/30.html

  • 上一篇: 接口设计包括哪些
  • 下一篇: xmlrpc-c
  • 版权声明


    相关文章:

  • 接口设计包括哪些2025-04-23 19:01:02
  • 创建用户useradd命令如果要指定用户uid2025-04-23 19:01:02
  • json.parse解析字符串报错2025-04-23 19:01:02
  • usb驱动程序在哪里2025-04-23 19:01:02
  • srt字幕编辑软件2025-04-23 19:01:02
  • xmlrpc-c2025-04-23 19:01:02
  • xml转换成json2025-04-23 19:01:02
  • ds1302时钟芯片外部电路图2025-04-23 19:01:02
  • 多线程和异步的关系和区别2025-04-23 19:01:02
  • 小米mini路由刷最新潘多拉2025-04-23 19:01:02