首页 >> HTML+CSS >> HTML|如何创建框架,框架的名称和目标属性

HTML|如何创建框架,框架的名称和目标属性

287865 2020-05-25 0
浏览次数444

HTML框架用于将浏览器窗口分为多个部分,每个部分可以加载单独的HTML文档。浏览器窗口中的框架集合称为框架集。窗口以类似于表格组织方式的方式分为框架:分为行和列。

镜框的缺点

使用框架几乎没有弊端,因此永远不建议在网页中使用框架-

  • 一些较小的设备通常无法应付帧,因为它们的屏幕不够大,无法分割。
  • 有时,由于屏幕分辨率不同,您的页面在不同计算机上的显示也会有所不同。
  • 浏览器的后退按钮可能无法按用户希望的那样工作。
  • 仍然有少数浏览器不支持框架技术。

创建框架

要在页面上使用框架,我们使用<frameset>标签而不是<body>标签。<frameset>标记定义如何将窗口划分为框架。<frameset>标签的rows属性定义水平框架,而cols属性定义垂直框架。每个框架都由<frame>标记指示,它定义了应在该框架中打开哪个HTML文档。

注意 -HTML5中已弃用<frame>标记。不要使用此元素。

以下是创建三个水平框架的示例-

这将产生以下结果

让我们将上面的示例如下所示,在这里我们将cols属性替换为cols并更改了它们的宽度。这将垂直创建所有三个框架-

<frameset>标记属性

以下是<frameset>标记的重要属性

<frame>标记属性

以下是<frame>标签的重要属性

浏览器对框架的支持

如果用户使用的是任何旧的浏览器或任何不支持框架的浏览器,则应向用户显示<noframes>元素。

因此,您必须在<noframes>元素内放置一个<body>元素,因为<frameset>元素应该替换<body>元素,但是如果浏览器不理解<frameset>元素,则它应该了解其中的内容。 <noframes>元素中包含的<body>元素。

您可以向使用旧浏览器的用户发送一些好消息。例如,对不起!你的浏览器不支持框架。如上例所示。

框架的名称和目标属性

框架最流行的用途之一是将导航栏放置在一个框架中,然后将主页加载到单独的框架中。

让我们看下面的示例,其中test.htm文件具有以下代码

在这里,我们创建了两列以填充两个框架。第一帧为200像素宽,将包含由menu.htm文件实现的导航菜单栏。第二列将填充剩余空间,并将包含页面的主要部分,并由main.htm文件实现。对于菜单栏中的所有三个链接,我们将目标框架称为main_page,因此,每当单击菜单栏中的任何链接时,可用链接都会在主页中打开。

以下是menu.htm文件的内容

以下是main.htm文件的内容

全部评论:0