人亦已歌 发表于 2023-1-31 12:26:10

HTML核心(五)HTML中的框架 frameset frame noframes

在HTML页面中,可以使用框架将页面分割成多个区域,每个区域可以独立显示内容,也可以使用框架引入其它页面到当前页面中。
但是框架对SEO不太友好,一般应用于网站的后台布局中。
在HTML的框架系统中存在一系列标签,本文先讲 frameset、frame和noframes,它们三个是一起用,无法独立使用。
frameset为框架集,在这个集合里可以使用frame定义一些列框架。请注意:frameset不允许放在body标签中,否则无法使用。
frame是frameset的子框架,它不允许独立使用,只能出现在frameset中。
noframes表示当浏览器无法解析frameset时则显示noframes标签中的内容,目前99%的浏览器都支持框架,所以并不常用。

请先看如下实例:





我们定义了一个frameset框架集,在frameset中定义了四个子框架frame,子框架分别引入abcd四个html页面。
当我们给frameset的rows属性设置为100,200时表示框架集的第一行的宽度为100,第二行的宽度为200,如果是三行那就定义三个值。
当我们给frameset的cols属性设置为100,200时表示框架集的第一列的宽度为100,第二列的宽度为200,如果是三列那就定义三个值。
请注意:以上所说的100和200并非像素单位,而是比例关系,例如rows="100,200",它实际表示的是:第二行的宽度是第一行的2倍。

最终的显示效果如下:



当然框架不仅支持引入本地html页面,而且可以引入网络html页面,如下:







本课程的测试代码如下:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML中框架 frameset frame noframes</title>
</head>

    <frameset rows="100,100" cols="100,100">
      <frame src="https://www.teamczyx.com" />
      <frame src="https://www.teamczyx.com" />
      <frame src="https://www.teamczyx.com" />
      <frame src="https://www.teamczyx.com" />
      <noframes>您的浏览器不支持解析框架</noframes>
    </frameset>

</html>




hunhan 发表于 2023-2-15 11:46:11

对初学者来说指明了方向和方法!不错!!!

leonhear 发表于 2023-2-26 06:40:07

真是:贴好贴好的贴一篇好贴一篇极品贴一篇挺好的贴一篇非常好的贴一篇让人叫好的贴一篇非常不错的好贴一篇地球中最好的好贴一篇地球中绝世无双的贴

hongbawudi 发表于 2023-3-2 23:06:35

确实写的好,我今年也是大四拉~~~自己觉得自己的东西学的很好,但在别人眼里根本就算不上是什么,一山比一山高

lk2000mail 发表于 2023-3-9 11:11:36

编程 a我不懂但是我正要学编程呢希望我能学的不一定有你好 但也要和你一样可可 够qiang

jy02645119 发表于 2023-3-15 12:56:12

什么是程序员。。我们是造物主,从某种意义上来说,我们是神。不要依赖于工具和现在的电脑硬件,一切都要我们自己动手创造,给出最优的方案,这是一种成就,也是程序员真正应该追求的东西,只有更好的,没有最好的。。。。。。。。

zsh000 发表于 2023-3-19 20:43:49

是啊~~~学海无崖!忠无止尽~~~~~~

blueflame 发表于 2023-3-26 01:42:43

学海无崖

土匪假期 发表于 2023-3-29 15:19:28

很受用

wang1ying09 发表于 2023-4-1 20:07:48

^谢了。。
页: [1] 2 3 4
查看完整版本: HTML核心(五)HTML中的框架 frameset frame noframes