"这是一份关于HTML基础知识学习的PPT，主要讲解了HTML中的框架相关知识，由吴涛主讲，内容涵盖了如何制作框架页面、框架的基本语法以及如何设置框架的尺寸。"
在深入理解HTML基础知识时，框架（Frames）是一个重要的概念。框架允许我们将一个网页划分为多个独立的区域，每个区域可以显示不同的网页内容，从而实现网页的多窗口布局。在HTML中，框架通过`<frameset>`标签来定义，并且可以进行纵横方向上的划分。
制作框架页面通常需要以下步骤：
1. 首先，编写所有子框架页面，这些页面将分别在各个框架区域内显示。
2. 接着，创建主框架页面，这个页面将包含`<frameset>`标签，用于定义整个框架结构。
3. 在主框架页面中设定子框架的名称，以便在子框架页面中引用。
4. 如果框架页面之间有链接，需要在子框架中设定链接，确保链接在框架内正确跳转。
框架的定义语法如下：
```html
<frameset>
<frame src="url">
<!-- 可以有多个frame标签 -->
<noframes>
<body>
您的浏览器不支持框架，请考虑升级您的浏览器！
</body>
</noframes>
</frameset>
```
`<frameset>`标签用于定义框架集，`<frame>`标签则指定了每个子框架的源URL。`<noframes>`部分是为那些不支持框架的浏览器提供的备选内容。
在定义框架大小时，可以使用`rows`和`cols`属性：
- `rows`属性用于定义上下分割的框架大小，可以指定具体的像素值或者百分比。
- `cols`属性用于定义左右分割的框架大小，用法与`rows`相同。
例如：
```html
<frameset rows="30%, 20%, *">
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
```
这将创建一个由上到下分别为30%、20%和剩余空间的三个框架。
同样，我们也可以用`cols`属性来创建横向排列的框架：
```html
<frameset cols="30%, 20%, *">
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
```
这将创建一个由左至右分别为30%、20%和剩余空间的三个框架。
更复杂的布局可以通过纵横结合使用`rows`和`cols`来实现，例如：
```html
<frameset cols="137, *">
<frame src="A.htm">
<frameset rows="82, *">
<frame src="B.htm">
<frame src="C.htm">
</frameset>
</frameset>
```
这样的布局会形成一个左侧固定宽度，右侧自适应宽度的主框架，而右侧框架又分为上方82像素高和下方剩余空间的两个子框架。
需要注意的是，由于框架页面自身不包含`<body>`标签，因此它们只包含在子框架中显示的内容，而主框架页面则不显示任何内容，仅负责定义框架结构。
学习并熟练掌握HTML框架的使用，能够帮助我们构建更加复杂和灵活的网页布局，提升用户体验。不过，考虑到现代Web开发中框架的使用逐渐减少，因为它们可能对SEO不友好，并且不适用于移动设备，开发者通常会转向使用CSS布局（如Flexbox和Grid）来实现类似的效果。
我的内容管理
展开
