iframe框架标签(内嵌页面)的基本介绍

目录:

1.iframe的作用以及使用

2.iframe拥有的属性​编辑 

3.iframe如何处理宽高和主页面不完美融合问题(calc()方法)

1.iframe的作用以及使用

在这里首先介绍的是HTML中iframe标签的用法:

怎么 在一个网页中嵌入另一个网页呢,我们可以用html中的iframe标签搞定。

iframe支持所有浏览器。

下面我们来看一下iframe的语法:


    
    

2.iframe拥有的属性iframe框架标签(内嵌页面)的基本介绍_第1张图片 

3.iframe如何处理宽高和主页面不完美融合问题(calc()方法)

这里我们再引入一个知识点:

内嵌页面的时候,很容易发现内嵌页面很难和主页面完美融合,那么我们在宽高方面如何处理呢?

需要用到calc方法:

从字面看我们可以把它理解为一个function函数。其实calc就是英文单词calculate(计算)的缩写;它是一个css3新增的功能,可以用来指定元素的长度,动态计算长度值。

 

    
    
    
    

页面嵌套的效果如下:iframe框架标签(内嵌页面)的基本介绍_第2张图片

你可能感兴趣的:(iframe,javascript,chrome,html5)