编程笔记 html5cssjs 011 HTML页面划分
编程笔记 html5&css&js 011 HTML页面划分
- HTML的框架、区块和布局是什么，它们之前的关系是怎样的？
- 框架
- 注意
接下来要看一下网页内的划分。通过框架、区块及布局等方式，将网页从一个长方形整体划分为若干个部分，以合理展示需要的内容。
HTML的框架、区块和布局是什么，它们之前的关系是怎样的？
HTML的框架、区块和布局是用来组织和排列网页内容的元素和技术。
框架（Frames）是一种在网页中创建多个独立的窗口或视图的技术。它允许将一个网页分割成几个区域，每个区域可以显示不同的内容，并且允许用户在这些区域之间进行交互。框架使用<frame>、<frameset>和<iframe>等元素来定义和实现。
区块（Sections）是网页中的独立内容块，用于将相关的内容按照逻辑顺序组织在一起。HTML5引入了一些特定的语义化元素，如<header>、<footer>、<nav>、<section>、<article>等，用于定义和标记不同类型的区块。
布局（Layout）是指在网页中进行页面元素排列和定位的过程。HTML中的布局可以使用CSS来实现，通过设置元素的样式属性，如position、float、display等，来控制元素的位置和大小。布局的目的是使网页内容更具吸引力、易读性和易用性。
框架、区块和布局之间的关系是：框架提供了一种分割网页内容的方式，将整个页面分割成多个独立的区域；区块是在框架或整个页面中划分出的独立内容块；而布局则用于安排和定位这些区块和其他页面元素的位置和大小。框架是在整个页面结构上进行区域分割的基础，而布局则是在每个区块内部进行元素排列的方式。
这像不像人类争夺领土，兹事体大啦，搞不好会产生争端的。
框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。
使用框架的坏处：
开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
框架结构标签（）
框架结构标签（）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
编者注：frameset 标签也被某些文章和书籍译为框架集。
框架标签（Frame）
Frame 标签定义了放置在每个框架中的 HTML 文档。
<html>
<frameset cols="25%,50%,25%"><frame src="/example/html/frame_a.html"><frame src="/example/html/frame_b.html"><frame src="/example/html/frame_c.html">
</frameset>
</html>
注意
在现时流行的布局中，较少使用框架。接下来不再详细探讨。