frameset标签的用法

最新推荐文章于 2023-06-20 21:21:48 发布
最新推荐文章于 2023-06-20 21:21:48 发布
阅读量3.5w 收藏 112
点赞数 39
分类专栏： web前端原创 文章标签： html frameset frameset和body 不能共用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxcxrs/article/details/81025716
版权

frameset的用法

这是在下的第一篇博客，先以小c君自称了。小c君在学习<a> 标签的 target 属性时，发现它还有一个framename值。于是由此摸索发现了一个很好玩的标签——<frameset>。

<frameset></frameset>

 

 

 

一、首先来说一下，我总结的frameset标签的要点。

1.<frameset>元素：定义一个框架集，它被用来组织多个窗口。每个窗口都是一个独立的html界面。

2.<frameset>有两个参数，cols和rows。cols：列的数目和尺寸。rows：行的数目和尺寸。 要特别注意的：<frameset>中只能用一个参数。要么是 rows，要么是 cols，不能同时定义。

   例子：

a.把一个窗口横着平分成两个页面。  

<frameset rows="50%,50%"> > </frameset>

 b.把一个窗口竖着平分成两个页面。

<frameset cols="50%,50%">  >  </frameset>

 

3.<frameset></frameset>和<body></body>不能一起使用，即不能出现在同一个html页面中。

4.用<frameset>标签前要将前言中的"DTD"改为"Frameset DTD"。

 

二、实例

我们要建三个HTML文档:

                      第一个文档里写超链接

                      第二个文档是空白文档（只包含前言）

                      第三个文档里写<frameset>框架集。

1.第一个页面2018-7-10.html中写几个超链接，并设置target="framename",这样链接就会跳转到name="framename"的页面中。

<body>
<div id="wrap">
<div id="head"><a id="animation" href="#">斗魂卫之玄月奇缘</a></div>
</br>
<p><a id="jianjie" target="framename" href="https://baike.baidu.com/item/%E6%96%97%E9%AD%82%E5%8D%AB%E4%B9%8B%E7%8E%84%E6%9C%88%E5%A5%87%E7%BC%98/22636536?fr=aladdin">作品简介</a></p>
</br>
<p><a id="introduction" target="framename" href="https://baike.baidu.com/item/%E4%B8%8A%E5%AE%98%E6%98%8E%E6%9C%88/22636538" >漂亮的小姐姐——上官明月简介</a>
</p>
</br>
<p><a id="mingyue" href="#">上官明月美颜盛世</a>
</p>
</div>
</body>

   浏览一下：

 

2.第二个页面2018-7-10Frame-1.html是一个空白页面，只包含前言。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>只包含前言的页面，用于2018-7-10页面在框架右部分显示。</title>
</head>
<body>
</body>
</html>

  浏览一下，应该是一片空白。

 

3.第三个页面2018-7-10Frame-2.html，定义frameset框架集。（注意此页面要将前言里的"DTD"改为"Frameset DTD"）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Frameset DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frameset</title>
</head>
<frameset cols="50%,50%">            <!--将窗口竖着平分成两个页面-->
<frame src="2018-7-10.html"/>
<frame src="2018-7-10Frame-1.html" name="framename" />        <!-- name="framename",将第二个空白页面设为显示2018-7-10.html链接的页面-->
</frameset>
</html>

   浏览一下：（右边界面点击作品简介，左边界面显示内容）

 

 

三、后记

写到这里，小c君的第一篇博客就要接近尾声了。

最后，再送在座的各位小伙伴一点福利。细心地小伙伴可能会发现第一个页面中，小c君一共写了三个链接，前两个都有链接地址，而最后一个是空连接。其实最后一个是图文链接，触发“上官明月美颜盛世”就能看到下面这张美图！

……没错，其实我就是个死肥宅

最近看了这部2018年6月19日开播新番玄月奇缘，突发灵感想把它加到博客中。一方面记录一下自己最近新学的知识，另一方面记录一下本肥宅的看番日常。粗略介绍一下这部番，剧情老套，台词尴尬，但在动画流畅度、特效和建模上做的挺好的。尤其是女主上官明月小姐姐的建模做的极佳，仿若天工开物，鬼斧神工，美啊！为建模师大大和上官小姐姐疯狂打call！此番类型，说是都市仙侠，感觉就是都市爽文~

感谢各位的观看，本肥……不，本人的第一篇博客至此结尾，喜欢的点赞啊~

菜鸟写博客，不足之处不吝赐教。

最后，祝在座的各位，学业事业生活顺顺利利！

cxcxrs-辰星程序人生
关注
  • 39
    点赞
  • 踩
  • 112
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
frameset框架的简单使用
Zhang__Hao__的博客
12-08 7403
frameset 一个双标签，它定义了一个框架集，它被用来组织多个窗口。每个窗口都是一个独立的html界面。 1、基本语法： <frameset cols="value，value...">...</frameset> 或者 <frameset rows="value，value...">...</frameset> 前一个是将一个页面分为任意数...
jquery 控制framese的代码，以及控制frame页面的JS
lyfclear的专栏
08-29 1285
var _intervalx,steplengthx steplengthx=1000; //第一次触发时间 nextstepx=10000 ; //以后的触发时间 $(document).ready(function(){ _intervalx=setInterval("CheckUser()",steplengthx); }); function CheckUser() //发
frameset标签及用法
Sixology的博客
11-27 4625
最近在课上老师讲到一个有趣的标签 frameset标签 <frameset cols="3*,*,*"> <frame name="top" src="http://www.baidu.com"> <frame name="center" src="http://www.baidu.com"> <frame name="bottom...
iframe 、frameset 、frame的区别
艾丽的博客
02-04 1628
一、iframe用法 二、frame用法 三、frameset用法 四、区别对比   iframe 一、iframe属性的用法 <iframe>标签规定一个内联框架。内联框架可以在当前的HTML文档中插入框架，框架内可以链接另一个页面 它是 一个围堵标记，但围着的字句只有在浏览器不支援 iframe 标记时才会显示。 <html> <head></head> <body> <iframe src="xxx.html"&...
网页制作 HTML中frameset标签的使用教程
11-10 1622
网页制作 HTML中frameset标签的使用教程 frameset页面与普遍的Web页面有些不同。虽然仍旧以和包含标题的标记以及其他脚本开始，但是其内容仅仅是表示的各个页面的版式设计。因此，不再需要有元素，只需要标记。 属性介绍 border：设置框架的边框粗细。 bordercolor：设置框架的边框颜色。 frameborder：设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。 cols：纵向分割页面。其数值表示方法有三种：“30%、30（或者30px）、”；数
内嵌标签frameset框架属性及用法
m0_46670811的博客
11-24 2237
1.frameset的实例及用法注释 ps： frameset框架的作用：与iframe作用相同，但frameset更灵活，分割方便。 URL：统一资源定位符 HTTP：超文本传输协议 <!doctype html> <html> <head> <meta charset="utf-8"> <title>框架标签的应用</title> </head> <!-- 框架标签frameset rows：.
iframe和frameset
内拉祖里的专栏
01-09 3003
  ■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 标记，浏览这框架必须读取这档案而不是其它框窗的档案。是用以划分框窗，每一框窗由一个 标记所标示，必须在 范围中使用。如下例：                       
HTML中frameset标签的使用教程
09-28
不同于iframe,frameset标签不能与body标签一起使用,或许这听起来有些奇怪...well,接下来我们就一起来看一下HTML中frameset标签的使用教程
html中frameset标签无法正常显示原因分析及解决
09-28
然而，随着Web标准的发展和浏览器对`<iframe>`标签的支持，`<frameset>`的使用逐渐减少，因为它存在一些限制和兼容性问题。 在遇到`<frameset>`标签无法正常显示的情况时，首先需要检查以下几个方面： 1. **嵌套...
frameset
06-01
NULL 博文链接：https://yinqian1010.iteye.com/blog/2243089
HTML ＜frameset＞ 标签
玄链教育
06-20 987
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
frame,iframe,frameset之间的关系与区别
热门推荐
hnd978142833的博客
01-17 2万+
iframe 是在html页面内嵌入框架 框架内可以连接另一个页面， 如 frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里 frameset        它称为框架标记，是用来告知HTML文件是框架模式，并且设定可视窗口怎么分割 fram               它只是设定某一个框架窗口中的参数属性 ifram
frameset元素的cols及rows属性(转)
奇牛科技
12-25 1万+
 frameset元素的cols及rows属性属性说明：cols及rows的作用是设置frame的宽度及高度(1) (2) frameset元素中cols及rows属性的使用 (3) (4)   (5)    (6)     (7)     (8)    (9)   (10)   (11) (12) 这段文档的显示效果如下图所示示例说明：第三行中的语句
框架标签frame以及frameset
weixin_57219176的博客
08-25 359
frame和frameset
frameset中rows与cols取值方法
herb777的专栏
03-13 8150
frameset中rows与cols取值方法 当一个框架只有一行或一列时，那么它们对应的数值都是100%. 一个确定的值(单位像素) 例如:50 定义了上行,中行与下行,并且它们各占50px? frameset rows="50, 50, 50"> 上面的解释是错误的,通过下面的示例我们会发现浏览器被三(平均)分了，所以要定义三行各占50像素应这样定义。 一个相对于浏览器窗口的百分
HTML中Frameset标签的使用
qq_28316183的博客
09-06 932
1.首先创建frameset.html，代码如下 注意：frame标签的属性name将用于其他页面的显示位置 2.接着是1.html    target属性有四个 _blank:新窗口 _self:本窗口 _parent:父窗口 _top: 整个浏览器窗口 或在target值中直接写框架中name对应的名字 在这里我们用的是最后一个
html中：frameset标签的使用
laidongxu666的博客
08-17 983
用处：主要设计网站后台页面 注意：如果使用frameset标签，不能使用body标签              frameset标签：             * 属性rows    ：将页面横向切分                 * rows属性中可以传入多个值，多个值用逗号隔开,页面被切分成几个部分就需要有几个frame标签             * 属性cols    ：将页
html中frameset标签的使用
最新发布
06-28
### 回答1： `frameset` 标签是 HTML 中用于创建框架布局的标签。它可以用来定义整个页面的布局，每个框架都可以加载一个独立的 HTML 文件。使用方法如下： ``` <frameset cols="25%,50%,25%"> <frame src="frame_a.html"> <frame src="frame_b.html"> <frame src="frame_c.html"> </frameset> ``` 其中 `cols` 属性指定每个框架占整个页面的宽度比例，可以用百分比或像素值表示。同样的，还有一个 `rows` 属性，可以指定每个框架占整个页面的高度比例。 需要注意的是，目前大多数网站已经不再使用 `frameset` 标签，因为它存在一些限制，如：不利于搜索引擎优化，不利于响应式设计等。相比之下，更推荐使用 CSS 布局。 ### 回答2： HTML中Frameset标签是用来创建网页框架的标签，它允许在一个页面中划分出多个独立的区域，每个区域可以分别载入不同的网页。Frameset标签通常与Frame标签一起使用，Frame标签用来定义每个区域载入的网页内容。Frameset标签可以实现网页的多窗口显示，提升页面的用户体验。 Frameset标签的基本语法如下： ``` <frameset cols="*,*" rows="*,*"> <frame src="page1.html"> <frame src="page2.html"> <frame src="page3.html"> <frame src="page4.html"> </frameset> ``` 其中，Cols和Rows属性用于定义Frameset标签划分成的区域的大小和数量，可以指定百分比或固定像素值。Cols表示水平方向上的分割线数量和位置，Rows表示垂直方向上的分割线数量和位置。上面的代码中，Frameset被分成了4个区域，第一行两个区域，第二行也是两个区域。每个Frame标签的Src属性指向不同的网页，表示每个区域所要载入的内容。 在使用Frameset标签时，需要注意以下几点： 1. Frameset标签必须包含在HTML文档的<body>标签中，而且只能是<body>标签中的第一个元素。 2. Frameset标签不能同时与<head>或<body>标签一起使用，否则会导致页面无法正常显示。 3. Frameset标签不能与其他类似的页面布局标签一起使用，例如<table>或<div>，否则会出现布局冲突的情况。 4. 当网页中含有Frameset标签时，搜索引擎可能无法正确地索引页面内容，因此Frameset标签在现代网页设计中已经不再常用。 总之，Frameset标签在过去被广泛使用，它为网页提供了多窗口显示的功能，提升了页面的交互性和用户体验。但是，由于其一些弊端，现在还有更好的技术可供选择，使得网页视图的划分成为更加简单和灵活。 ### 回答3： HTML中的frameset标签是用来创建基于框架的Web页面的一种方式。当你使用frameset标签时，你可以将一个页面分成几个部分，每个部分都是单独的页面。这种技术被称为框架网页设计。 在创建框架网页时，需要使用两个标签：frameset和frame。Frameset标签定义了页面中的框架区域，而frame标签指定了每个框架中要加载的不同HTML文档。frame标签通常嵌套在frameset标签内。 在使用frameset标签时，需要注意以下几点： 1. Frameset标签必须在HTML文档的顶部位置。 2. Frameset标签必须包含一个或多个frame标签，以指定将要加载的文档。frameset标签的属性可以在HTML文档中设置，这些属性包括：cols，rows等。 3. Frameset标签可以有多个frame标签，每个frame标签指定一个屏幕区域，以便将内容作为单独的页面来加载。 4. 如果希望在不同框架之间传递信息，则必须使用JavaScript或cookie等技术实现。 尽管HTML框架的使用在过去十年中已经逐渐减少，但是它仍然是一种实现特殊需求的有效方式。例如，在Web应用程序中使用框架非常普遍，因为这种技术可以让用户通过单个页面访问许多不同的应用程序模块。但与此同时，框架网页的缺点是它的SEO被搜索引擎忽略。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值