尚硅谷前端基础 (25)

好，接下来我们来继续下边说一个标签，那其实接下来呢，我们刚才讲的是一个图片标签，且提到了这个图片标签它属于一个替换元素，也就是说我的这个标签，我的这个元素，它最终会被一个内容，图片也好，什么东西也好，它会被它所替换，那接下来我们要说的这几个东西全都属于替换元素，所以我就不再去过多解释了，是吧，我们这里边要说的第一个。来新建一个文件，我们这来一个12，叫做一个内联框架。叫做一个内联框架，点一个HTML，那什么叫做内联框架呢？我们来写一下，呃，首先我们来说啊，内联框架我们使用的标签叫做一个I frame啊，I frame就是一个内联框架，那内联框架的作用啊，它和图片很像啊，和图片非常像，我们的img是用来向页面里边引入一个图片的，而我们的内联框架也就是f frame，它用于什么呢？诶，用于向。

诶，用于像我们这个当前页面中，诶引入一个其他页面啊，引入一个其他页面这种效果你在平时上网的时候应该也能看过，就是我在一个网站里边，诶我引了一个别的网站是吧？我们来看看效果啊，来看效果它里边其实用法跟那个img都差不多，但是唯一不一样的地方你要注意了，I frame是一个成对出现的标签，有开始也有结束，当你创建好f frame，它自动就给你整了一个SRCSLC什么作用？因为你这个标签是用于引入一个外部的其他页面，所以在引入的时候你得告诉他你要引入的是哪个页面，所以src指定是什么呢？诶，SC指定我们这个要引入的一个图片的，诶引入的一个网页的一个路径，所以在这我就可以直接写一个，比如说我写一个这个写一个。

QQ我们试试HTTPS冒号斜杠3W点，诶3w.qq.com那这个时候的效果就是我把QQ这个网站，我把腾讯的官网引入到我当前的这个页面中，那它是一个什么效果，我们直接运行看一下啊，我们直接来运行一下，把它拖到边上。诶，这时候其实你很典型，你看我这出现一个框，这个框里边显示就是腾讯的这个网站，在这儿我是不是把它引进去了，哎引去了，但是引进去的由于这个框啊，它相对来有点小，所以看不太全，所以在这跟图片一样，我们也可以指定一个外外，比如说给它指定一个800，诶800HIDE呢，我给他指定一个600，哎，我了宽和高都高一点，那这时候看到效果实际上就是在我们这个网页里边出了一个窗口，在这个窗口里我们显示的是腾讯官网的这个页面吧，诶，它是这样一个效果啊，所以就相当于在我们一个网页里嵌套了另一个网页啊，嵌到另一个网页用法都一样，S RC he这些东西，然后还有一个，他上来就给我们写了一个frame的一个borderer borderer什么意思？Borderer叫边框，Frame就是我们内联框架意思，所以frame borderer表示内联框架的边框，那我看一下，我们试一下我。

不写它什么效果，CTRLX我不写它，我们这一刷新你会发现如果你不写它的话，默认情况下，在我的内联框架之间，它会存在有一个这个，有一个这个边框，对吧？有一个这个边框，那这个边框实际上看起来不是那么的好看，所以如果想去掉的话，我们可以直接加一个framebo来一个零，当然这块值应该我还能写大一点，当你写哦，它这个值就是零，还有什么呢？还有一个一零表示，哎，没有一表示有啊，就是你没法出啊，没法出就这么大个了，所以啊，这里边的属性src是指定我们引入网页的一个路径，而frame border是指定我们这个，诶叫做一个内联框架的一个边框啊，指定有没有边框，一般情况下我们都不需要边框，因为有边框确实也不好看啊，这是一个内联框架，但是内联框架这个东西在。

很早以前它会用的挺多的啊，很早以前我们做的一些项目都内联框架用的挺多的，但是现在来说内联框架使用的机会。并不是那么多，唯独可能会有一些特殊场景，我们需要用到内联框架，但是大部分情况下，内联框架我们现在是用不上了，所以这个东西了解一下，待会儿自己来测试一下，同样这个如果你改成我的内部路径，就可以引入我的内部页面，跟图片基本上是一样的啊，基本上一样的，好，这个是我们说一个内联框架非常简单，自己尝试去写一下啊，写一下我们来停一下，当然当然这块啊，我们先别停，因为有一句话还没说，内联框架之所以用的不多，因为内联框架会有一个问题，因为内联框架我们是把一个网页诶作为一个诶框架这么一个形式，作为一个窗口的形式引入到我们当前网页，你当前网页该怎么写还怎么写啊，比如说写一个H1，我写一个H1，我这里边写一个这个hello，当前网页你该怎么写怎么写，没有要求，没有没有任何的区别，那这个东西就相当于在里边你插了一个标签一样，啊，就相当于插了个标签一样，其他东西你该怎么写还是怎么。

也没有什么区别，但是呢，它会存在一个小的问题，就是内联框架里面的这些网页，它不会被搜索引擎所检索，比如说你这内联框架不是引入一个页面吗？诶所有引擎一般情况下是不会去爬这个网站的，因为这个网站他在从这儿去爬就没有什么意义了，就说这个网站跟你的网页是没有关系的啊，所以内联框架对我们的SEO来说也没有什么好处，所以一般情况下我们很少使用啊，很少有使用好，我们先说这么多，这回是真停了啊。