HTML Tags
HTML <frameset> Tag
Written by Swapnil RajaUpdated
The
<frameset>tag in HTML was used to define a set of frames within the browser window. It allowed you to divide the window into multiple sections (frames), each displaying a separate HTML document.
Syntax
html
<frameset rows="value" cols="value">
<frame src="URL1">
<frame src="URL2">
</frameset>Attributes
| Attribute | Description |
|---|---|
| rows | Specifies the number and size of horizontal frames (comma-separated values). |
| cols | Specifies the number and size of vertical frames (comma-separated values). |
| border | Defines the width of the border between frames. |
| frameborder | Specifies whether a border should be displayed between frames (1 or 0). |
| framespacing | Defines the space between frames (non-standard, used in older browsers). |
| onload | Event handler triggered when the frameset has finished loading. |
| onunload | Event handler triggered when the frameset is unloaded. |
Example
html
<!DOCTYPE html>
<html>
<head>
<title>HTML Frameset Example</title>
</head>
<frameset cols="50%,50%">
<frame src="https://wikipedia.com" name="leftFrame">
<frame src="https://hindigems.com" name="rightFrame">
</frameset>
</html>Because <frameset> is no longer supported, use <iframe> with CSS for layout. This version runs in any current browser.
The modern replacement: <iframe>
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Modern Replacement for Frames</title>
<style>
body { margin: 0; font-family: Arial, sans-serif; }
.frame-row { display: flex; height: 220px; }
.frame-row iframe { flex: 1; border: 1px solid #cbd5e1; }
</style>
</head>
<body>
<div class="frame-row">
<iframe src="/samples/frame-left.html" title="Left panel"></iframe>
<iframe src="/samples/frame-right.html" title="Right panel"></iframe>
</div>
</body>
</html>Browser Support
Chrome | Edge | Firefox | Safari | Opera | IE9+ |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |
The <frameset> tag is partially supported by few browser's older version but most of the browser dosn't support this tag.
Notes
- The
<frameset>tag replaced the<body>tag in documents that used frames. - Each frame could display a different webpage.
- Frames often caused usability and bookmarking problems.
- In HTML5, use
<iframe>or modern CSS for layout and embedding.
Conclusion
The <frameset> tag was once a useful feature for creating multi-document layouts, but it is deprecated and obsolete in modern web development. Developers should now use CSS layout techniques or iframes for embedding content instead of using framesets.