内联框架 iframe

内联框架 iframe

<iframe src="url"></iframe>

属性

• height / width：高度 / 宽度，默认单位是像素，也可以使用百分比
• frameborder ： 是否显示iframe的边框，0 为不显示。1为显示
• scrolling ： 定义iframe中是否显示滚动条（yes ，no ，auto）
• longdesc ：定义 iframe 较长的描述
• marginheight ：定义iframe的顶部和底部的边距
• marginwidth ： 定义iframe的左侧和右侧的边距
• name ：iframe名称。定义 name 属性可以将 iframe 用作链接目标显示框

	<iframe src="1.html" height="200px" width="200px" name="aa_iframe"></iframe>
	<p><a href="http://www.baidu.com" target="aa_iframe">百度</a></p>

HTML5 新增属性

• sandbox ：对iframe的内容定义一系列额外的限制

值	描述
“ ”	启用所有的限制条件
allow-same-origin	允许将内容作为普通来源对待，如果未使用该关键字，嵌入的内容将视为一个独立的源
allow-top-navigation	允许iframe 内容从包含文档导航（加载）内容
allow-forms	允许表单提交
allow-script	允许脚本执行

• seamless ：定义iframe看上去想包含文档的一部分（无边框或滚动条）
• srcdoc ：定义页面的html内容显示在行内框架中
  提示：如果浏览器支持 srcdoc 属性，将会覆盖 src 属性中定义的内容