frameset标签、frame标签、iframe标签的使用分析

frame,是网页开发必须掌握的知识。例如后台架构、局部刷新,页面分割,都是frame的用途表现,尤其是后台页面制作,使用frame会给用户带来非常舒适的使用感受。

frame知识点包括(frameset标签、frame标签、iframe标签)。

 

一、frameset

1. 架构

①border

设置框架的边框粗细。

②bordercolor

设置框架的边框颜色。

③frameborder

设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框。

④cols

纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“*”表示该区域占用余下页面空间。例如:cols=”25%,200,*” 表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。

⑤rows

横向分割页面。数值表示方法与意义与cols相同。

⑥framespacing

设置框架与框架间的保留的空白距离。

2. 用例

注意1:

cols与rows两属性尽量不要同在一个标签中使用。若要实现下图架构,代码正确写法为:

frameset标签、frame标签、iframe标签的使用分析frameset标签、frame标签、iframe标签的使用分析frameset标签、frame标签、iframe标签的使用分析

  

  

    

    

【即,若想即使用cols又使用rows,可利用frameset嵌套实现】

注意2:

意思是:第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。

意思是:浏览器窗口等分为四部分。

 

二、frame

1. 属性

①name

设置框架名称。此为必须设置的属性。

②src

设置此框架要显示的网页名称或路径。此为必须设置的属性。

③scrolling

设置是否要显示滚动条。设定值为auto, yes, no。

④bordercolor

设置框架的边框颜色。

⑤frameborder

设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框。

⑥noresize

设置框架大小是否能手动调节。

⑦marginwidth

设置框架边界和其中内容之间的宽度。

⑧marginhight

设置框架边界和其中内容之间的高度。

⑨width

设置框架宽度。

⑩height

设置框架高度。

2. 用例

 

三、iframe

是浮动的框架(frame),其常用属性与frame类似,其他的主要有以下(相同的就不列举了)

1. 属性

①align

设置垂直或水平对齐方式

②allowTransparency

设置或获取架构是否可为透明。

2. 用例

注意:

iframe标签与frameset、frame标签的验证方法不同,是XHTML 1.0 Transitional。且iframe是放在body标签之内,而frameset、frame是放在body标签之外。

 

四、综合示例

综合示例

对不起,您的浏览器不支持“框架”!

【说明】

标志对也是放在标志对之间,用来在那些不支持框架的浏览器中显示文本或图像信息。在此标志对之间先紧跟标志对,然后才可以使用我们熟悉的任何标志。

 

 

最后需要说明一点:

如果将代码按照我以上所写写到VS中报错的话,例如:

frameset标签、frame标签、iframe标签的使用分析frameset标签、frame标签、iframe标签的使用分析

frameset标签、frame标签、iframe标签的使用分析

或者frameset标签、frame标签、iframe标签的使用分析

frameset标签、frame标签、iframe标签的使用分析

frameset标签、frame标签、iframe标签的使用分析

解决方法如下:

工具→选项→文本架构→HTML→验证→Internet Explorer 6.0

 

好了,通过以上内容,大家再多加练习,就会慢慢熟悉frame的相关知识了,用好了的话你会发现真的挺好。至于frame系列标签的架构方法,一般用的不是非常多,需要的话,大家自己再查吧。【呵呵,其实本人还没有用到过】

以上就是frameset标签、frame标签、iframe标签的使用分析的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3196498.html

(0)
上一篇 2025年4月1日 03:03:08
下一篇 2025年4月1日 03:03:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • frame和iframe标签的区别

    1、frame不能脱离frameset单独使用,iframe可以;  2、frame不能放在body中;如下可以正常显示:  <!—->             <!—-> 登录后复制 如下不能正常显示:  …

    编程技术 2025年4月1日
    000
  • iframe标签用法详解

    iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容,为了更好的效果,可能需要使iframe透明效果,那么就需要了解更多的iframe属性,这里简单的整理下,方便需要的朋友 1、iframe 定义和用法 if…

    编程技术 2025年4月1日
    100
  • frameset标签设计页面注意事项

    重要事项:不能将 标签放在 标签里。且 html5 已经不支持 frameset 标签的使用!!! 1、frameset 元素可定义一个框架集,它被用来组织多个窗口(框架)。每个框架存有独立的文档。配合框架的使用,我们可以对页面进行分割,局…

    2025年4月1日
    100
  • HTML中的<head>标签及其内容的详细介绍

    head title base meta link 立即学习“前端免费学习笔记(深入)”; script style 标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以: – 引用脚本 – 指示浏览器在哪…

    2025年4月1日
    100
  • 有关input标签的详解

    Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍。1,type=text输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册…

    编程技术 2025年4月1日
    100
  • Html中的map标签

    图像的影像, 标签浅谈 在HTML中还可以把划分成多个热点区域,每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。这就是影像地图。要完成地图区域超链接要用到三种标签: ;&#8211…

    2025年4月1日 编程技术
    100
  • HTML Map 标签的使用

    今天看到京东的一个营销活动,左侧浮动浮动是用html 中的map标签写的,因此有了这篇记录的文章。 直接上图如其中的大家电 @@##@@ 登录后复制 顺便在摘抄了一些相关资料奉上: HTML 标签 带有可点击区域的图像映射; 立即学习“前端…

    2025年4月1日
    100
  • html 移动端的头部标签和meta标签的详述

    使用 html5 doctype,不区分大小写 nbsp;html> 登录后复制 更加标准的 lang 属性写法  登录后复制 meta 声明文档使用的字符编码 登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登…

    编程技术 2025年4月1日
    100
  • html中ol标签与li标签的高级应用

      本文主要介绍html中有序列表标签ol,li的高级应用,   在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值。   而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填…

    2025年4月1日
    100
  • html标签dl、ul、ol 的使用详解

    这篇文章主要介绍了html列表标签、ul、ol 的使用,比较适合初学者,大家若感兴趣的可以学习下 代码如下: <!– 列表标签::分层列表 子标签::上层列表项 :下层列表项 ———— 无序列表标签: 子标签: –…

    编程技术 2025年4月1日
    100

发表回复

登录后才能评论