HTML Frames
HTML Frames
HTML frames allow you to display multiple web pages within a single browser window. Frames are divided into separate sections, each of which can display a different web page. The <frameset> element is used to define the layout and structure of the frameset, and the <frame> element is used to specify the content that should be displayed within each frame.
Here’s an example of a basic frameset layout with two frames:
<!DOCTYPE html>
<html>
<head>
<title>Example Frameset</title>
</head>
<frameset cols="25%,75%">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
In this example, the <frameset> element has a cols attribute that specifies the width of each frame, separated by a comma. The first frame will take up 25% of the width of the frameset, and the second frame will take up 75% of the width. The <frame> elements specify the content that should be displayed within each frame, using the src attribute to specify the URL of the web page to be displayed.
You can also use the <noframes> element to provide alternate content for users who have frames disabled or unsupported. Here’s an example:
<!DOCTYPE html>
<html>
<head>
<title>Example Frameset</title>
</head>
<frameset cols="25%,75%">
<frame src="menu.html">
<frame src="content.html">
<noframes>
<p>This page requires frames. Your browser does not support frames or has them disabled.</p>
</noframes>
</frameset>
</html>
In this example, the <noframes> element contains a message that will be displayed to users who cannot view the frameset.
It’s important to note that the use of frames has become less common in modern web development, as they can cause issues with accessibility, search engine optimization, and usability. As an alternative to frames, you can use server-side includes, iframes, or modern layout techniques such as CSS grid or flexbox to achieve similar effects.