Important: You cannot place the tag inside in the label. And HTML5 no longer supports the use of frameset tags! ! !
#1. The frameset element can define a frameset, which is used to organize multiple windows (frames). Each framework has separate documentation. With the use of the frame, we can split the page and refresh it partially. Reasonable use will bring a very good experience to users.
2. Several attributes of frameset:
①, cols:Define the number and size of columns in the frameset . Cut the screen vertically (for example, into two left and right screens), accept integer values and percentages, * means occupying the remaining space. The number of values represents the number of divided windows and is separated by commas. For example, COLS="30,*,50%" can be divided into three windows. The first window has a width of 30 pixels and is an absolute division. The second window is what remains after the first and third windows are allocated. The space below, the third window occupies 50% of the entire window screen, and the width is a relative split. You can adjust the numbers yourself.
②、rows:Define the number and size of rows in the frame set. This is a horizontal cut, which separates the top and bottom of the screen. The value settings are the same as above. Try not to put the COLS and ROWS parameters in the same tag, because Netacape sometimes cannot display this type of frame, so try to use multiple splits.
③、frameborder:Set the border of the frame, its value is only 0 and 1, 0 means no border, 1 means to display the border.
④、border:Set the border thickness of the frame.
⑤、bordercolor:Set the border color of the frame.
⑥, framespacing: represents the distance between frames and the remaining blank space.
3. Attributes of the frame tag:
①, name: Set the frame name. This property must be set.
②, src: Set the name or path of the web page to be displayed in this frame. This property must be set.
③, scrolling: Set whether to display scroll bars. The setting values are auto, yes, no.
④, bordercolor: Set the border color of the frame.
⑤、frameborder:Set whether to display the frame border. The setting values are only 0 and 1; 0 means no border, 1 means to display the border.
⑥, noresize: Set whether the frame size can be adjusted manually.
⑦、marginwidth:Set the width between the frame boundary and the content inside it.
⑧, marginhight: Set the height between the frame boundary and the content within it.
⑨, width: Set the frame width.
⑩, height: Set the frame height.
4. Frameset usage example:
If you want to achieve the following effect
hyperlink on the left, and the frame page on the right will change accordingly.
Overall page: main.html1 <frameset>2 <frame>3 <frameset>4 <frame>5 <frame>6 </frameset>7 </frameset>top.html, right.html is an empty page, left.html is as follows:
1 <!-- 左边菜单栏显示-->2 <p>3 </p>9 The hierarchical display of the page is mainly the use of cols and rows in the frameset tag, combined with the nesting of the frame tag. If you want to click the menu bar on the left and the frame on the right changes accordingly, you must know the attribute target: stipulates where to open the linked document. The browser will load and display the document in the frame or window named with this tag's href attribute and whose name matches this target. That is, in main.html,
,What is the value of the name attribute here, then in left.html, here Be equal.
5. How to get the elements in other frames in the frameset where the parent page is located in the child page? That is, how to get the attribute value of the tag in left.html in right.html, etc.$(parent.parent.mainFrame.document).contents().find("body").html(); //manFrame refers to the id of the frame you want to view
For example, in the left.html page above ,The ID of task creation is taskCreat, then we can get it like this: and change its class attribute. $(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");
We know that the current HTML5 standard no longer supports frameset. Although using it reloading does not require reloading the entire page, only one frame page in the page needs to be reloaded (reducing data transmission, speeding up web page download speed). But it also has many shortcomings, such as the browser's back button is useless; it will generate many pages, which is difficult to manage; the code is complex and difficult to be searched by search engines; small mobile devices are not fully displayed; multi-frame pages Will increase server http requests and so on. Therefore, we need to be careful about the use of frameset, and the current p+CSS can also be used to implement this function.
The above is the detailed content of Frameset tag design page considerations. For more information, please follow other related articles on the PHP Chinese website!

是否要复制MicrosoftWord中的页面,并保持格式不变?这是一个聪明的想法,因为当您想要创建特定文档布局或格式的多个副本时,在Word中复制页面可能是一种有用的节省时间的技术。本指南将逐步引导您在Word中复制页面的过程,无论是创建模板还是复制文档中的特定页面。这些简单的说明旨在帮助您轻松地重新制作页面,省去从头开始的麻烦。为什么要在MicrosoftWord中复制页面?在Word中复制页面非常有益的原因有以下几点:当您有一个具有特定布局或格式的文档要复制时。与从头开始重新创建整个页面不同

《处理Laravel页面无法正确显示CSS的方法,需要具体代码示例》在使用Laravel框架开发Web应用时,有时候会遇到页面无法正确显示CSS样式的问题,这可能会导致页面呈现不正常的样式,影响用户体验。本文将介绍一些处理Laravel页面无法正确显示CSS的方法,并提供具体的代码示例,帮助开发者解决这一常见问题。一、检查文件路径首先要检查CSS文件的路径是

标题:3秒跳转页面实现方法:PHP编程指南在网页开发中,页面跳转是常见的操作,一般情况下我们使用HTML中的meta标签或者JavaScript的方法进行页面跳转。不过,在某些特定的情况下,我们需要在服务器端进行页面跳转。本文将介绍如何使用PHP编程实现一个在3秒内自动跳转到指定页面的功能,同时会给出具体的代码示例。PHP实现页面跳转的基本原理PHP是一种在

待机是iOS17更新中的一项新功能,它提供了一种新的增强方式,可以在手机快速闲置时访问信息。通过StandBy,您可以方便地查看时间、查看即将发生的事件、浏览日历、获取您所在位置的天气更新等等。激活后,iPhone在充电时设置为横向时会直观地进入待机模式。此功能非常适合床头柜等无线充电点,或者在日常任务中离开iPhone充电时。它允许您轻扫待机中显示的各种小部件,以访问来自各种应用程序的不同信息集。但是,您可能希望根据您的偏好和您经常需要的信息修改这些小部件,甚至删除一些小部件。因此,让我们深入

在iOS中,Apple允许您禁用iPhone上的单个主屏幕页面。还可以重新排列主屏幕页面的顺序,并直接删除页面,而不仅仅是禁用它们。这是它的工作原理。如何重新排列主屏幕页面触摸并按住主屏幕上的空格可进入抖动模式。轻点代表主屏幕页面的圆点行。在显示的主屏幕网格中,轻触并拖动页面以将其相对于其他页面重新排列。其他人会移动以响应您的拖拽动作。当您对新排列感到满意时,点击屏幕右上角的“完成”,然后再次点击“完成”以退出抖动模式。如何禁用或删除主屏幕页面触摸并按住主屏幕上的空格可进入抖动模式。轻点代表主屏

页面刷新在我们日常的网络使用中非常常见,当我们访问一个网页后,有时候会遇到一些问题,比如网页加载不出来或者显示不正常等。这时候我们通常会选择刷新页面来解决问题,那么如何快速地刷新页面呢?下面我们就来探讨一下页面刷新的快捷键。页面刷新快捷键是一种通过键盘操作来快速刷新当前网页的方法。在不同的操作系统和浏览器中,页面刷新的快捷键可能有所不同。下面我们以常见的W

标题:Word删除一页内容的方法介绍在使用MicrosoftWord编辑文档时,有时会遇到需要删除某一页内容的情况,可能是想删除文档中的一页空白页或者某一页不需要的内容。针对这种情况,我们可以采取一些方法来快速、有效地删除一页内容。接下来,将介绍一些在MicrosoftWord中删除一页内容的方法。方法一:删除一页内容首先,打开需要编辑的Word文档。定

随着互联网的日益发展,许多网站或应用也逐渐变得复杂。当用户在使用时,时常会遇到错误页面,其中最常见的就是404页面。404页面指访问的页面不存在,是常见的错误页面。而对于网站或应用来说,一个漂亮的404页面能极大提升用户体验。在本文中,我们将会介绍如何利用ThinkPHP6快速实现一个漂亮的404页面。创建路由首先,我们需要在route文件夹中创建一个err


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Atom editor mac version download
The most popular open source editor

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

Dreamweaver CS6
Visual web development tools
