编程笔记 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>
注意
在现时流行的布局中,较少使用框架。接下来不再详细探讨。