＜iframe＞标签

<iframe>标签是一个内联框架被用作嵌入另外一个文档。

如下图所示：

父页面中我还嵌入了一个子页面(或者也可以说是一张地图吧！)

那这是怎么做到的呢？

其实原理很简单，就是添加了<iframe>标签，设置<iframe>标签中的src属性，没有设置其它属性。

我给src属性添加了下表链接：

https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik

可是它显示在页面上的面积很小，

所以我们要通过<iframe>标签的其它属性来改变它的宽高。

下面我们先来了解一下<iframe>标签的其它属性：

属性：	参数（值）：	作用：
src	任意链接或其它。	规定在 iframe 中显示的文档的 URL；
height	Pixels %	定义iframe的高度；
width	Pixels %	定义iframe的宽度；
name	frame_name	规定iframe的名称；
frameborder	1：显示边框，0：不显示边框；	规定是否显示 iframe 周围的边框；
longdesc	URL	规定一个页面，该页面包含了有关 iframe 的较长描述；
marginheight	Pixels	规定 iframe 的顶部和底部的空白边距，以像素计；
marginwidth	Pixels	规定iframe的左边和右边的空白边距，以像素计；
sandbox	"" ，allow-forms ，allow-same origin ，allow-scripts ，allow-top-navigation	启用一系列对<iframe>中内容的额外限制；
seamless	yes ，no ，auto	规定<iframe>看上去像是包含文档的一部分；
srcdoc	HTML_code	规定页面的 HTML 内容显示在行内框架中；

添加完宽高，名称后

                          height="500" width="800" name="demo"

<iframe>标签默认frameborder有边框，也就是默认的值为1。如果不想要有边框的话，可直接把frameborder的值改为0；

Sandbox属性默认值应该是跟随你传进src属性里面的内容来改变的，如果你给它定值传进去的内容不符合规范就会报错。

Srcdoc属性的值可直接覆盖src属性的内容。