7、嵌套页面

最新推荐文章于 2024-05-10 01:00:24 发布

青叶的全栈之路

最新推荐文章于 2024-05-10 01:00:24 发布

阅读量219

点赞数

分类专栏： Web前端文章标签： html

本文链接：https://blog.csdn.net/dream_AI/article/details/107070806

版权

Web前端专栏收录该内容

16 篇文章 2 订阅

订阅专栏

嵌套页面

frameset
iframe

一、frameset

1.1、背景

frameset曾经是HTML标签中的王者，但是到了现在都很少用了。为什么呢？归根结底还是因为它不支持body标签的原因吧！个人感觉这个frameset还是挺强大的，下面简单介绍下frameset的作用吧~~

1.2、作用

相信你肯定不止一次看到过这样的页面：页面顶部和页面左侧的部分永远都不刷新，尽管他们有不少的功能按钮和链接，页面永远都只有右下的部分在刷新内容。这就是frameset的作用。
用来做图书管理系统不要太爽。

1.3、标签常用属性

<frameset>标签：
- cols=“10%,*”：垂直分割，10%代表第一个页面水平所占百分比，*代表剩余所有百分比。可以分割成多个页面。
- rows=“30%,”：水平分割，30%代表第一个页面垂直所占百分比，*代表剩余所有百分比。可以分割成多个页面。
- frameborder=“0” ：设定框架的边框，其值只有0和1，0表示不要边框，1表示要显示边框。
- border=“10px”：设定框架的边框厚度，以px为单位。
- bordercolor=“red”：设定框架的边框颜色
<frame>标签：
- name=“coment”：设定这个框窗的名称，这样才能指定框架来作链接，必须但任意命名。
- src=“a.html”：设定此框窗中要显示的网页档案名称，每个框窗一定要对应一个网页档案。
- scrolling=“Auto”：是否显示滚轮，默认auto
- noresize：禁止拖动框架的边框

1.4、使用

<!DOCTYPE html>
<html>
    <head>
        <title>测试frameset的用法</title>
    </head>
    <frameset rows="18%,*" border="0">
        <frame src="./top.html" name="top" noresize>
        <frameset cols="18%,*">
            <frame src="./left.html" name="left"  scrolling="no" noresize>
            <frame src="./right.html" name="right" scrolling="auto" noresize>
        </frameset>
    </frameset>
</html>

二、iframe

2.1、简介

2.2、标签属性

src：规定在 iframe 中显示的文档的 URL。这个必须填
name：这个必须要。
scroling：是否显示滚动条
- yes：始终显示
- no：始终不显示
- auto：当内容超出时显示（默认）
其他属性：其实还有不少属性，但是这里没有列举出来的原因是他们都会被CSS完美覆盖，干脆使用CSS样式算了，性能还高一些。

2.3、使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test1</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        iframe{
            border:0;
        }
    </style>
</head>
<body>
    <iframe src="./Test2.html" name="qiuqiu_Page" width="100%" height="18%">
    </iframe><iframe src="./Test3.html" name="qiuqiu_Page2" width="18%,*" height="650px">
    </iframe><iframe src="https://www.baidu.com" class="qwer" width="82%"  height="650px">
    </iframe>
</body>
</html>

青叶的全栈之路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
7、嵌套页面

嵌套页面framesetiframe一、frameset1.1、背景 frameset曾经是HTML标签中的王者，但是到了现在都很少用了。为什么呢？归根结底还是因为它不支持body标签的原因吧！个人感觉这个frameset还是挺强大的，下面简单介绍下frameset的作用吧~~1.2、作用相信你肯定不止一次看到过这样的页面：页面顶部和页面左侧的部分永远都不刷新，尽管他们有不少的功能按钮和链接，页面永远都只有右下的部分在刷新内容。这就是frameset的作用。用来做图书管
复制链接

扫一扫