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

[复制链接]
查看: 2643|回复: 31
发表于 2023-1-31 12:26:10 | 显示全部楼层 | 阅读模式
在HTML页面中,可以使用框架将页面分割成多个区域,每个区域可以独立显示内容,也可以使用框架引入其它页面到当前页面中。
但是框架对SEO不太友好,一般应用于网站的后台布局中。
在HTML的框架系统中存在一系列标签,本文先讲 frameset、frame和noframes,它们三个是一起用,无法独立使用。
  1. frameset为框架集,在这个集合里可以使用frame定义一些列框架。请注意:frameset不允许放在body标签中,否则无法使用。
  2. frame是frameset的子框架,它不允许独立使用,只能出现在frameset中。
  3. noframes表示当浏览器无法解析frameset时则显示noframes标签中的内容,目前99%的浏览器都支持框架,所以并不常用。
复制代码


请先看如下实例:


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


我们定义了一个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中的框架 frameset frame noframes

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


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

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


本课程的测试代码如下:

<!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>



易博软件介绍
发表于 2023-2-15 11:46:11 | 显示全部楼层
对初学者来说指明了方向和方法!不错!!!

0

主题

6

帖子

3

积分

终身会员

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
3
发表于 2023-2-26 06:40:07 | 显示全部楼层
真是:  贴  好贴  好的贴  一篇好贴  一篇极品贴  一篇挺好的贴  一篇非常好的贴  一篇让人叫好的贴  一篇非常不错的好贴  一篇地球中最好的好贴  一篇地球中绝世无双的贴

0

主题

14

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-2 23:06:35 | 显示全部楼层
确实写的好,我今年也是大四拉~~~自己觉得自己的东西学的很好,但在别人眼里根本就算不上是什么,一山比一山高

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-3-9 11:11:36 | 显示全部楼层
编程 a我不懂  但是我正要学编程呢希望我能学的不一定有你好 但也要和你一样可可 够qiang

0

主题

14

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-15 12:56:12 | 显示全部楼层
什么是程序员。。  我们是造物主,从某种意义上来说,我们是神。不要依赖于工具和现在的电脑硬件,一切都要我们自己动手创造,给出最优的方案,这是一种成就,也是程序员真正应该追求的东西,只有更好的,没有最好的。。。。。。。。

0

主题

17

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-3-19 20:43:49 | 显示全部楼层
是啊~~~学海无崖!忠无止尽~~~~~~

0

主题

13

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-3-26 01:42:43 | 显示全部楼层
学海无崖

1

主题

240

帖子

122

积分

营销菜鸟

Rank: 3Rank: 3

积分
122
发表于 2023-3-29 15:19:28 | 显示全部楼层
很受用

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-4-1 20:07:48 | 显示全部楼层
^  谢了。。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表