本文链接：https://blog.csdn.net/weixin_44135991/article/details/87275937

2.2 HTML增强的iframe
HTML5不再推荐在页面中使用框架集，因此HTML5删除了<frameset…/>、<frame…/>和<noframes…/>这3个元素。
HTML5依然保留了一个与框架相关的元素：<iframe…/>元素，该元素可以在普通HTML页面中使用，该元素用于在普通HTML页面中生成一个行内框架，可以直接放在HTML页面的任意位置。该元素除了可指定id、style、class等通用属性之外，还可以指定如下属性。
1）src:该属性指定一个URL，指定该iframe将装载哪个页面。
2）name：设置该iframe的名字。
3）longdesc:该属性也是指定了一个页面的url，该页面包含了关于该iframe的长描述。
4）scrolling：设置是否在iframe中显示滚动条。该属性支持yes（显示滚动条）、no（不显示滚动条）和auto（iframe大小不够显示时显示滚动条，否则不显示滚动条）。
5）height：设置该iframe的高度。
6）width：设置该iframe的宽度。
7）frameborder：设置是否显示该iframe的边框。
8）marginheight：设置该iframe的顶部和底部的页边距。
9）marginwidth：设置该iframe的左侧和右侧的页边距。
在这里插入图片描述

2.2.1 HTML5新增的srcdoc属性
HTML5新增的scrdoc属性允许直接指定HTML片段，这样<iframe…/>元素将直接显示该srcdoc所指定的HTML片段，如果浏览器暂时不支持srcdoc属性，那么将会继续显示src属性所指定的页面内容。目前主流的Firefox、Opera、Chrome、Safari都支持srcdoc属性。
例如，如下页面代码定义了同时指定srcdoc和src属性的<iframe…/>元素，此时srcdoc属性将会覆盖src属性。
在这里插入图片描述

2.2.2 HTML5新增的seamless属性
seamless属性是一个支持boolean值的属性，指定了该属性的<iframe…/>所生成的框架看上去像是原文档的一部分，不再显示边框和滚动条。不过到目前为止，似乎并没有浏览器完全支持该属性。
2.2.3 HTML5新增的sandbox属性
sandbox是一个安全性方面的属性，用于对框架中的网页增加一系列额外限制。该属性支持如下属性值。
“”:限制全部。
allow-forms:允许框架内的表单进行提交。
allow-same-origin:允许将框架内所加载的网页视为与使用该<iframe…/>元素的页面来自相同源（即使这两个网页来自不同源）。
allow-scripts:允许框架内所加载的网页执行javaScript脚本。
allow-top-navigation:允许将框架内所加载网页中的超链接导航到父级窗口。
对于不指定sandbox属性的<iframe…/>元素，该元素对应框架内所加载的HTML页面几乎不受任何限制;但如果指定了sanbox为""，这就意味着限制了<iframe…/>元素内页面的如下功能。
1）禁止该页面内的插件。
2）禁止该页面内的表单提交。
3）该页面内超链接只能加载到该<iframe…/>框架内。
4）该<iframe…/>框架内所加载的网页将被视为来自不同的源。对于不同源的网页（两个页面对应url的域名不同或端口不同，即认为这两个页面是不同源的），该页面将会被禁止使用Ajax与服务器的交互，禁止加载来自服务器的内容，同时禁止该页面从Cookie或Web Storage中读取内容。