html iframe用法
HTMLiframeInlineFrame）是HTML素，它可以在网页中嵌入另一个网页。通过 iframe网页可以显示外部来源的内容，而无需加载该网页。
二、iframe历史
iframe用于网页制作于 1996，那时已有很多页面编辑器支持它，如 Microsoft FrontPage、Adobe GoLive Macromedia Dreamweaver。虽然诞生于1996年，但是到了2012年，各大主流浏览器都支持它，它也被应用在各种网页中，如 Google Adsense、外部网页等等。
三、iframe其他元素结构的比较
如果想要在网页中显示另一个网页，有多种方式可以实现，比如使用 HTML 中的 <a>、<img>、<embed>者 <object>元素。与这些元素相比，iframe 主要有以下优势：
1、iframe以实现更多的功能：可以在网页中添加表单、按钮、图片等元素，而不是仅仅显示另一个网页的内容。
html document是什么 2、iframe以嵌入外部来源的网页：使用 <a>,<img>,<embed>元素，可以嵌入外部网页，但是无法在网页中显示外部网页的内容。
3、iframe以独立于网页进行高度定制：iframe以独立于网页定制，如改变高度、宽度、滚动条等等。
4、iframe以保持网页的结构整洁：使用<object>或者<embed>可以显示外部网页，但是通常会把网页结构打乱。
四、iframe基本用法
1、使用 <iframe>素
<iframe>素是实现 iframe能的基本元素，它有下列属性：
src：指定 iframe载的外部来源。
name：指定 iframe名称，便于 JavaScript者后续处理。
width：指定 iframe度，可以使用百分比或者数值单位。
height：指定 iframe度，可以使用百分比或者数值单位。
scrolling：指定 iframe动条的显示方式，可以使用 auto, yes者 no。
marginwidth：指定 iframe margin宽度，可以使用百分比或者数值单位。
marginheight：指定 iframe margin高度，可以使用百分比或者数值单位。
2、使用 JavaScript作 iframe
与其他网页元素一样，iframe 也可以使用 JavaScript作。要想操作 iframe，首先需要拿到 iframe对象，可以使用 HTMLDocument getElementById法拿到 iframe象，也可以通过 name性，使用 HTMLDocument getElementsByName法拿到 iframe象，然后就可以对 iframe现一些复杂的操作，比如显示外部网页，修改 iframe内容，修改 iframe大小等等。
五、iframe阶用法
1、SEO 优化
相比于 <a>者 <object>，iframe SEO 优化更加容易。为 iframe以使用 name性标识，用 <meta>签可以为 iframe置有意义的标题，从而提高搜索引擎的收录率，而 <object>法设置有意义的标题，所以无法实现 SEO 优化。
2、跨域
在使用iframe时，可以利用“跨域”特性实现一些复杂功能。跨域是指网页访问的域名，或者端口号不同时，可以通过iframe实现跨域访问，就是在不同的域名中实现交互的功能。
3、安全性
使用iframe的最大的好处是可以实现跨域，但是另一方面，也存在着安全性问题，因为iframe可以在网页中实现跨域，所以很容易受到外部的攻击，给网页的安全性带来很大的威胁。
六、其他用法
1、社交分享
使用iframe可以实现网页上某些社交分享功能，例如分享到微博或者Facebook等，只需要简单地把社交分享按钮的代码放入iframe中，就可以在网页中实现社交分享功能。
2、视频
使用iframe可以实现在网页中嵌入视频的功能，而不必使用复杂的 <embed>者 <object>元素。
3、广告
iframe可以使用来实现广告的投放，如 Google Adsense是利用 iframe实现在网页中动态展示广告的。
七、总结
HTML iframe定义了一种在网页中嵌入外部来源的内容的方法，它具有与其他元素相比的优势，可以更加灵活地实现复杂的功能，还可以实现 SEO 优化和跨域等外部调用的功能，并且更加安全，因此 iframe其用法值得大家去学习、研究，以便在网页的制作中的运用更加充分与高效。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论