HTML笔记——HTML 框架（frameset ）

最新推荐文章于 2021-05-31 16:39:20 发布

MissKnowALittle

最新推荐文章于 2021-05-31 16:39:20 发布

阅读量534

点赞数

分类专栏： HTML CSS

本文链接：https://blog.csdn.net/u014694759/article/details/23626117

版权

HTML CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

实例：

平常使用：

<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>

属性：

noresize：默认是可以改变框架的大小的，设置为noresize="noresize"就不可以更改大小了

Tips:

使用了<frameset>就不能在<frameset>标签外面用<body>标签了，
为不支持框架的浏览器添加 <noframes> 标签。
不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

练习：

使用框架导航跳转至指定的节

本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

源代码：

htmlDemo3.html

htmlDemo4.html

<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>

htmlDemo5.html