1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html lang=en>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>FRAMESET - Frameset</title>
<link rev=Made href="mailto:liam@htmlhelp.com">
<link rel=Start href="../index.html">
<link rel=StyleSheet href="../style.css" type="text/css">
<link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
<meta name="author" content="Liam Quinn">
<meta name="description" content="A description of HTML 4.0's FRAMESET element for framesets.">
<meta name="keywords" content="FRAMESET, frameset element, frames, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <frameset> tag, <FRAMESET> tag">
</head>
<body>
<h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
<h1>FRAMESET - Frameset</h1>
<table>
<tr valign=top>
<th>Syntax</th>
<td><strong class=required><FRAMESET></strong>...<strong class=required></FRAMESET></strong></td>
</tr>
<tr valign=top>
<th>Attribute Specifications</th>
<td>
<ul>
<li>ROWS=<var><a href="../values.html#multilengths">MultiLengths</a></var> (row lengths)</li>
<li>COLS=<var><a href="../values.html#multilengths">MultiLengths</a></var> (column lengths)</li>
<li>ONLOAD=<var><a href="../values.html#script">Script</a></var> (all frames have been loaded)</li>
<li>ONUNLOAD=<var><a href="../values.html#script">Script</a></var> (all frames have been removed)</li>
<li><a href="../attrs.html#core">core attributes</a></li>
</ul>
</td>
</tr>
<tr valign=top>
<th>Contents</th>
<td>One or more FRAMESET and <a href="frame.html">FRAME</a> elements, as well as an optional <a href="noframes.html">NOFRAMES</a></td>
</tr>
<tr valign=top>
<th>Contained in</th>
<td><a href="../html/html.html">HTML</a></td>
</tr>
</table>
<p>The <strong class=html>FRAMESET</strong> element is a <em>frame container</em> for dividing a window into rectangular subspaces called <em>frames</em>. In a <a href="../html/doctype.html#frameset">Frameset</a> document, the outermost <strong class=html>FRAMESET</strong> element takes the place of <strong class=html><a href="../html/body.html">BODY</a></strong> and immediately follows the <strong class=html><a href="../head/head.html">HEAD</a></strong>.</p>
<p>The <strong class=html>FRAMESET</strong> element contains one or more <strong class=html>FRAMESET</strong> or <strong class=html><a href="frame.html">FRAME</a></strong> elements, along with an optional <strong class=html><a href="noframes.html">NOFRAMES</a></strong> element to provide alternate content for browsers that do not support frames or have frames disabled. A meaningful <strong class=html>NOFRAMES</strong> element should always be provided and should at the very least contain links to the main frame or frames.</p>
<p>The <strong class=html>ROWS</strong> and <strong class=html>COLS</strong> attributes define the dimensions of each frame in the set. Each attribute takes a comma-separated list of lengths, specified in pixels, as a percentage, or as a relative length. A relative length is expressed as <strong class=html><var>i</var>*</strong> where <strong class=html><var>i</var></strong> is an integer. For example, a frameset defined with <strong class=html>ROWS="3*,*"</strong> (<strong class=html>*</strong> is equivalent to <strong class=html>1*</strong>) will have its first row allotted three times the height of the second row.</p>
<p>The values specified for the <strong class=html>ROWS</strong> attribute give the height of each row, from top to bottom. The <strong class=html>COLS</strong> attribute gives the width of each column from left to right. If <strong class=html>ROWS</strong> or <strong class=html>COLS</strong> is omitted, the implied value for the attribute is <strong class=html>100%</strong>. If both attributes are specified, a grid is defined and filled left-to-right then top-to-bottom.</p>
<p>The following example sets up a grid with two rows and three columns:</p>
<pre class=example><code class=html><strong><FRAMESET ROWS="70%,30%" COLS="33%,33%,34%"></strong>
<FRAME NAME="Photo1" SRC="Row1_Column1.html">
<FRAME NAME="Photo2" SRC="Row1_Column2.html">
<FRAME NAME="Photo3" SRC="Row1_Column3.html">
<FRAME NAME="Caption1" SRC="Row2_Column1.html">
<FRAME NAME="Caption2" SRC="Row2_Column2.html">
<FRAME NAME="Caption3" SRC="Row2_Column3.html">
<NOFRAMES>
<BODY>
<H1>Table of Contents</H1>
<UL>
<LI>
<A HREF="Row1_Column1.html">Photo 1</A>
(<A HREF="Row2_Column1.html">Caption</A>)
</LI>
<LI>
<A HREF="Row1_Column2.html">Photo 2</A>
(<A HREF="Row2_Column2.html">Caption</A>)
</LI>
<LI>
<A HREF="Row1_Column3.html">Photo 3</A>
(<A HREF="Row2_Column3.html">Caption</A>)
</LI>
</UL>
</BODY>
</NOFRAMES>
<strong></FRAMESET></strong></code></pre>
<p>The next example features nested <strong class=html>FRAMESET</strong> elements to define two frames in the first row and one frame in the second row:</p>
<pre class=example><code class=html><strong><FRAMESET ROWS="*,100"></strong>
<strong><FRAMESET COLS="40%,*"></strong>
<FRAME NAME="Menu" SRC="nav.html" TITLE="Menu">
<FRAME NAME="Content" SRC="main.html" TITLE="Content">
<strong></FRAMESET></strong>
<FRAME NAME="Ad" SRC="ad.html" TITLE="Advertisement">
<NOFRAMES>
<BODY>
<H1>Table of Contents</H1>
<UL>
<LI>
<A HREF="reference/html40/">HTML 4.0 Reference</A>
</LI>
<LI>
<A HREF="reference/wilbur/">HTML 3.2 Reference</A>
</LI>
<LI>
<A HREF="reference/css/">CSS Guide</A>
</LI>
</UL>
<P>
<IMG SRC="ad.gif" ALT="Ad: Does your bank charge too much?">
</P>
</BODY>
</NOFRAMES>
<strong></FRAMESET></strong></code></pre>
<p class=note>When pixel lengths are used, they should always be combined with a relative length to handle various window sizes. Pixel lengths should only be used when the frame consists primarily of images or other objects with a fixed size in pixels. Due to their ability to adapt to different window sizes, percentages and relative lengths are generally preferred.</p>
<p>The <strong class=html>FRAMESET</strong> element also accepts <strong class=html>ONLOAD</strong> and <strong class=html>ONUNLOAD</strong> attributes to specify client-side scripting actions to perform when the frames have all been loaded or removed.</p>
<h2>More Information</h2>
<ul>
<li><a href="http://www.w3.org/TR/REC-html40/present/frames.html#edef-FRAMESET">FRAMESET in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTML4.0 Recommendation</a></li>
</ul>
<div class=footer>
<address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
<p class=toolbar><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"> <a href="../index.html" rel=Start>HTML4.0Reference</a>~ <a href="../olist.html">ElementsbyFunction</a>~ <a href="../alist.html">ElementsAlphabetically</a></p>
<p class=copyright>Copyright © 1998 by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a>. This material may be distributed only subject to the terms and conditions set forth in the Open Publication License, v1.0 or later (the latest version is presently available at <a href="http://www.opencontent.org/openpub/">http://www.opencontent.org/openpub/</a>).</p>
</div>
</body>
</html>
|
