html页面如何划分部分,【HTML】Frameset 的使用来看看我是怎么划分网页的吧！-程序员宅基地

技术标签： html页面如何划分部分

1.一个简单的 HTML 文件

一个普通 HTML 文件的结构可以非常简单，你看：

标题

网页内容

我们可以把以上所示代码保存在一个后缀为.html的文件里(比如demo.html)，然后双击在浏览器打开就可以看到效果了。

大家可以看到，网页内容是写在

标签之间的，body就好像是一个盛放网页内容的容器，也就是我们浏览网页时所能看到的部分。

某人说了，兄弟你这body不好使啊，我要是想同时看三部片三篇文章还得打开三个网页来回切换不方便啊，能不能给我整到一个页面里，方便我“学习”！

2.body 的替身 frameset

你body干不了的事，我frameset可以，滚开，我上！

标题

如此，body被干下去了，frameset说了，一山不容二虎，你我必走一个。

不能将

标签与标签同时使用！

但是这frameset虽然强大，但它需要的条件也多，要想一个页面改成同时显示三个页面，就得划分一下地盘，既然是划地盘，你得告诉我按什么比例去划分吧。

所以再给它加个属性，给我竖着分，各占50%：

给我横着分，上边40%，剩下的(*)是下边：

地盘划分完成了，里面该显示片学习内容了，frameset又说了，显示可以，不要在我这里乱涂乱画，你有两个区域，给你分配两个秘书(frame)，把你要展示的那个什么片的地址，不是，学习内容，告诉我的秘书(frame的src)，他们会帮你显示的，其它的就不用你操心了。

那就左边显示百度，右边显示hao123吧：

还真可以，把第二种情况给我看看：

嗯，现在好像挺好的了，但是这中间的分界线好像可以随便移动啊(鼠标放到分界线上可以左右或者上下拖动改变区域大小)，那不行，你不能随便改变我的地盘大小，这时候秘书(frame)说了，给我点好处，我说了算：

给第一个秘书送上了noresize="noresize"，现在第一个区域大小就定住了，第二个区域也就根据第一个的区域大小决定了，就一道墙，你动不了了，我还动啥。

某人：”别忘了我们的约定，我要同时显示三个页面。“

frameset：“显示三个是可以，但总共就这么点地方，还被你分成了两个部分，那你说接下来怎么分。”

某人：”把上面的部分再给我分成两部分。“

frameset：“没问题，那我得再叫个兄弟“。

可以看到，frameset为了完成任务，把它的第一个秘书给开除了，让它的兄弟顶上，相当于又扮演它的角色，而且还有两个秘书。

因为第一个收礼的秘书(frame)被开除了，这上下区域的分界线又可以随便被更改了，没办法，给掌管上下地盘的第二个秘书再送一次吧，又想了想，还是一次性办利索吧，给掌管左右区域大小的秘书也送上点礼吧。

被弄下岗的body看了之后很生气，凭什么，你frameset虽然牛B，但是不一定所有浏览器都认可，而我body才是公认的男神！

如果浏览器不支持框架，给不支持框架的浏览器添加标签。

那就给body点面子，当浏览器不支持frameset的时候，再找个助理把body请出来给大家说明一下。

您的浏览器不支持框架

不过，假如你添加包含一段文本的标签，就必须将这段文字嵌套于标签内。

完。

本文地址：https://blog.csdn.net/ZhangJiWei_2019/article/details/107541378

本文链接：https://blog.csdn.net/weixin_30114439/article/details/117818846

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Kafka 实战 - Windows10安装Kafka_win10安装部署kafka-程序员宅基地

文章浏览阅读426次，点赞10次，收藏19次。完成以上步骤后，您已在 Windows 10 上成功安装并验证了 Apache Kafka。在生产环境中，通常会将 Kafka 与外部 ZooKeeper 集群配合使用，并考虑配置安全、监控、持久化存储等高级特性。在生产者窗口中输入一些文本消息，然后按 Enter 发送。ZooKeeper 会在新窗口中运行。在另一个命令提示符窗口中，同样切换到 Kafka 的。Kafka 服务器将在新窗口中运行。在新的命令提示符窗口中，切换到 Kafka 的。，应显示已安装的 Java 版本信息。_win10安装部署kafka

【愚公系列】2023年12月 WEBGL专题-缓冲区对象_js 缓冲数据 new float32array-程序员宅基地

文章浏览阅读1.4w次。缓冲区对象（Buffer Object）是在OpenGL中用于存储和管理数据的一种机制。缓冲区对象可以存储各种类型的数据，例如顶点、纹理坐标、颜色等。在渲染过程中，缓冲区对象中存储的数据可以被复制到渲染管线的不同阶段中，例如顶点着色器、几何着色器和片段着色器等，以完成渲染操作。相比传统的CPU访问内存，缓冲区对象的数据存储和管理更加高效，能够提高OpenGL应用的性能表现。_js 缓冲数据 new float32array

四、数学建模之图与网络模型_图论与网络优化数学建模-程序员宅基地

文章浏览阅读912次。（1）图（Graph）：图是数学和计算机科学中的一个抽象概念，它由一组节点（顶点）和连接这些节点的边组成。图可以是有向的（有方向的，边有箭头表示方向）或无向的（没有方向的，边没有箭头表示方向）。图用于表示各种关系，如社交网络、电路、地图、组织结构等。（2）网络（Network）：网络是一个更广泛的概念，可以包括各种不同类型的连接元素，不仅仅是图中的节点和边。网络可以包括节点、边、连接线、路由器、服务器、通信协议等多种组成部分。网络的概念在各个领域都有应用，包括计算机网络、社交网络、电力网络、交通网络等。_图论与网络优化数学建模

swagger使用map传参和实体传参编写注释_swagger页面get请求传map参数怎么写-程序员宅基地

文章浏览阅读1.7w次，点赞2次，收藏20次。@AutoLog(value = "web首页-地图显示按行政区划")@ApiOperation(value="web首页-地图显示按行政区划")@ApiImplicitParams({@ApiImplicitParam(paramType = "query",name = "orgType",value ="行政等级",dataType ="String"), ..._swagger页面get请求传map参数怎么写

【进阶版】机器学习之神经网络与深度学习基本知识和理论原理（07）_深度随机配置网络-程序员宅基地

文章浏览阅读931次。机器学习算法知识、数据预处理、特征工程、模型评估——原理+案例+代码实战机器学习之Python开源教程——专栏介绍及理论知识概述机器学习框架及评估指标详解Python监督学习之分类算法的概述数据预处理之数据清理，数据集成，数据规约，数据变化和离散化特征工程之One-Hot编码、label-encoding、自定义编码卡方分箱、KS分箱、最优IV分箱、树结构分箱、自定义分箱特征选取之单变量统计、基于模型选择、迭代选择机器学习八大经典分类万能算法——代码+案例项目开源、可直接应用于毕设+科研项目。_深度随机配置网络

python logging模块“另一个程序正在使用此文件，进程无法访问。”问题解决办法...-程序员宅基地

文章浏览阅读2.7k次。在多进程下使用python的logging模块，经常会遇到“另一个程序正在使用此文件，进程无法访问。”的错误。解决办法： https://github.com/Preston-Landers/concurrent-log-handlerpip install concurrent-log-handler To use this module from a logging config..._logging roatingfilehander 另一个程序正在使用此文件,进程无法访问