HTML框架基础教程：Frameset与Frame的使用

需积分: 9 138 浏览量更新于2024-10-15 收藏 21KB DOCX 举报

"这是一个关于.NET HTML框架的基础教程，主要讲解了如何使用framesets和frame来创建网页布局，以及如何处理不支持框架的浏览器的情况。" 在Web开发中，.NET HTML框架提供了一种组织和展示内容的方式，使得可以在同一个浏览器窗口内显示多个独立的HTML页面。本教程针对初学者，介绍了框架的基本概念和使用方法。首先，我们要理解框架（Frames）的概念。框架允许我们将浏览器窗口划分为多个区域，每个区域可以加载不同的HTML页面，这样用户在浏览时可以在同一窗口内看到相互关联的内容。这种方式有助于提高用户体验，特别是处理复杂的网站结构和多层级导航时。接着，我们探讨了两个关键的HTML元素：`<frameset>`和`<frame>`。`<frameset>`元素用于定义整个HTML文档为框架布局，并控制如何分割窗口。而`<frame>`元素则是`<frameset>`的子元素，用于指定每个框架区域的特定属性，比如加载哪个HTML页面。在`<frameset>`元素中，我们可以使用`cols`或`rows`属性来设置框架的分割方式。例如，`cols="25%,50%,*"`表示将窗口垂直分割为三部分，第一部分占据25%宽度，第二部分占据50%，第三部分自动填充剩余空间。`rows`属性则是水平分割，用法类似。值得注意的是，不是所有浏览器都支持框架。为了应对这种情况，HTML提供了`<noframes>`元素。当用户的浏览器不支持框架时，`<noframes>`标签内的内容会被显示，通常会提示用户升级浏览器或者提供一个无框架版本的链接。应用框架时，我们需要考虑兼容性问题。例如，下面的代码展示了如何在`<frameset>`中添加`<noframes>`： ```html <frameset rows="80,*"> <noframes> <body> 很抱歉，您的浏览器不支持框架功能，请尝试使用最新版的浏览器。 </body> </noframes> <frame name="top" src="a.html"> <frame src="b.html"> </frameset> ``` 在这个例子中，如果浏览器不支持框架，用户将看到提示信息，而不是一片空白。本教程提供了对.NET HTML框架的基本介绍，涵盖了如何创建和配置框架，以及如何处理浏览器兼容性问题。对于想要学习和掌握框架技术的初学者来说，这是一个良好的起点。然而，对于经验丰富的开发者，可能需要更深入的学习其他现代Web开发技术，如Bootstrap、Vue.js等，因为框架在现代Web开发中已逐渐被其他解决方案所取代。

一、框架

所谓框架，就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示

多个  页面。

二、认识  和 

称作框架标记，用以宣告  文件为框架模式，并设定视窗如何分割。

则只是设定某一个框窗内的参数属性。

 元素是  元素的容器， 文档可包含  元素或  元素之一，但是不

能同时包含两者。真是这样子么？

　　下面的例子使用了 元素来定义页面中的三列矩形。

　　 !" !＊

　　#$$%

　　&$%

　　'()(*+&#%

　　,

　　２５％，＊

　　垂直切割画面-如：分左右两个画面.，接受整数值、百分数，＊则代表占用馀下空间。数值的

个数代表分成的视窗数目且以逗号分隔。例如 /"，＊，" 可以切成三个视窗，第一个

视窗是 /"+&0的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，

第三个视窗则占整个画面的 " 宽度为一相对分割。您可自己调整数字。

　　12"，＊

　　就是横向切割，将画面上下分开，数值设定同上。唯 与 1两参数尽量不要同在一个

标记中，因 (#+偶然不能显示这类形的框架，尽量采用多重分割。

二、 $

当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免这种情况，

可使用 (这个标记，当使用者的浏览器看不到框架时，他就会看到 (

与 ,(之间的内容，而不是一片空白。这些内容可以是提醒浏览转用新的浏览器的字

句，甚至是一个没有框架的网页或能自动切换至没有框架的版本亦可。

应用方法：

在标记范围加入 ,(标记，以下是一个例子：

34"!5

$



很抱歉，阁下使用的浏览器不支援框架功能，请转用新的浏览器。

,

,$

$+#%

$#%

,

若浏览器支援框架，那麽它不会理会 $中的东西，但若浏览器不支援框架，由于不认

下载后可阅读完整内容，剩余3页未读，立即下载

xiaoyi_nuo

粉丝: 36
资源: 3

HTML框架基础教程：Frameset与Frame的使用

使用pycharm+flask创建一个html网页

.net开源的综合开发框架wojilu框架.zip

ASP.NET MVC3框架深度教程

ASP.NET MVC3框架详解教程

ASP.NET无框架Ajax实现教程

ASP.NET MVC框架入门教程

ASP.NET MVC框架入门教程：中文版

ASP.NET MVC3框架详解

ASP.NET MVC框架入门与实战教程

ASP.NET MVC框架入门与深度教程

最新资源