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!

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

The role of HTML is to define the structure and content of a web page through tags and attributes. 1. HTML organizes content through tags such as , making it easy to read and understand. 2. Use semantic tags such as, etc. to enhance accessibility and SEO. 3. Optimizing HTML code can improve web page loading speed and user experience.

HTMLisaspecifictypeofcodefocusedonstructuringwebcontent,while"code"broadlyincludeslanguageslikeJavaScriptandPythonforfunctionality.1)HTMLdefineswebpagestructureusingtags.2)"Code"encompassesawiderrangeoflanguagesforlogicandinteract

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

How to design the dotted line segmentation effect in the menu? When designing menus, it is usually not difficult to align left and right between the dish name and price, but how about the dotted line or point in the middle...


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

SublimeText3 Mac version
God-level code editing software (SublimeText3)

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

SublimeText3 Chinese version
Chinese version, very easy to use

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function