通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
实例:
平常使用:
<html>
<frameset cols="25%,50%,25%">
<!-- 若设置rows="25%,50%,25%" 这样是水平分三层 -->
<frame src="htmlDemo.html" noresize="noresize" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
</frameset>
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</html>
嵌套使用:
<html>
<frameset rows="50%,50%">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frameset cols="25%,75%">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
</frameset>
</frameset>
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</html>
属性:
Tips:
- 使用了<frameset>就不能在<frameset>标签外面用<body>标签了,
- 为不支持框架的浏览器添加 <noframes> 标签。
- 不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。
<frameset cols="25%,75%">
<frame src="htmlDemo5.html">
<frame name="haha" src="htmlDemo4.html">
</frameset>
<noframes></noframes>
</html>
<body>
<a name="C1">
<h2>章节1</h2>
<p> arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
<a name="C2">
<h2>章节2</h2>
<p> arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
</p>
<a name="C3">
<h2>章节3</h2>
<p> arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
<a name="C4">
<h2>章节4</h2>
<p> arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
<a name="C5">
<h2>章节5</h2>
<p> arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
</body>
</html>
<body>
<a href ="htmlDemo4.html" target="haha">没有锚的链接</a><br>
<a href ="htmlDemo4.html#C5" target="haha" >带有锚的链接</a>
</body>
</html>