素材巴巴 > 程序开发 >

iframe内联框架HTML框架HTML实现地址栏不变的页面跳转HTML框架复习

程序开发 2023-09-17 23:27:45

首先还是说明一下这篇博客能够解决的问题以及看了这篇博客你可以学到什么
能够解决的问题:

  1. HTML页面的引入
  2. HTML实现内联框架
  3. HTML实现地址栏不变的页面跳转
  4. 简述frameset框架

可以学到HTML框架的知识以及使用

框架的简述
HTML的框架就是类似于房屋的结构,房子的骨架就是HTML的框架,你可以在这个框架或者骨架当中去添加内容。

frameset框架,这个框架现在已经是不推荐使用了,
frameset也是一个标签,这个标签和body是不能共存的,就是说frameset是代替body的,从frameset的名字中也可以看出,这个标签其实就是一个集合,是frame的集合,因为frame和frameset是配套使用的,所以frame这个标签也是已经不推荐使用了。
不推荐使用的原因中有一个就是,frameset中只可以由frame标签,其他的内容都是非法的。

iframe和body的结合

在网页中有的时候我们是希望每一个页面都可以有一个头部导航栏和底部版权栏,这时就可以用框架,在一个页面当中引入其他的页面,就可以实现。这就是iframe标签

body中可以引用iframe,还可以使用其他的标签。

使用iframe实现
点击左边的内容,实现右边内容的挑战,并且地址栏时不变的。

效果:
在这里插入图片描述
在这里插入图片描述
整个文件的架构
在这里插入图片描述
a标签当中的taget就是在指定页面跳转
iframe中的name标签就是给iframe起名字以便
a标签的使用

test.html

在这里插入代码片
 
 
 Document
 
 
 
 
 

test_left.html

在这里插入代码片
 
 
 Document
 
 
 
 
 

test_right.html

在这里插入代码片
 
 
 Document
 
 

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。