iframe组合页面的用法?
2023-06-26 13:10:58 楚天视界


(资料图片)

iframe并不是很常用的,在标准的网页中非常少用。但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣。,这里的URL可以是相对路径,也可以是绝对路径,效果如:width表示宽度,height表示宽度,可根据实际情况调整。scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。

align属性规定iframe相对于周围元素的水平和垂直对齐方式,因为iframe元素是行内元素,即不会在页面上插入新行,这意味着文本和其他元素可以围绕在其周围,所以align属性可以规定iframe相对于周围元素的对齐方式;

frameborder属性规定是否显示iframe周围的边框,但出于实用性方面的原因,最好不用设置该属性,而使用CSS来设置边框,是否显示边框:1(yes),0(no);

height 属性:规定 iframe 的高度。

marginheight 属性:规定 iframe 的顶部和底部的空白边距,以像素计。

marginwidth 属性:规定 iframe 的左边和右边的空白边距,以像素计。

有人可能希望 iframe 会有自己独立的连接池,但不是这样的。绝大部分浏览器,主页面和其中的 iframe 是共享这些连接的。这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。但通常情况下,iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。一种解决办法是,在主页面上重要的元素加载完毕后,再动态设置 iframe 的 SRC。美国前 10 大网站都使用了 iframe。大部分情况下,他们用它来加载广告。这是可以理解的,也是一种符合逻辑的解决方案,用一种简单的办法来加载广告服务。但请记 住,iframe 会给你的页面性能带来冲击。只要可能,不要使用 iframe。当确实需要时,谨慎的使用他们。

热门推荐

文章排行

  1. 2023-06-26iframe组合页面的用法?
  2. 2023-06-26会意字是什么意思(会意字)|快消息
  3. 2023-06-26广州出资50亿元设立科创母基金 已投出255个项目、119.30亿元
  4. 2023-06-26鄱阳湖区通江水体面积今年首次突破2000平方公里
  5. 2023-06-26绿豆粉面膜怎么做_绿豆粉面膜
  6. 2023-06-26澳大利亚法院驳回俄罗斯关于维持俄使馆新址土地租约法律效力的申请
  7. 2023-06-26头条焦点:端午节调休期间 iPhone闹钟没响:智障苹果,智能跳过节假日都不会
  8. 2023-06-26世界快讯:A股三大指数探底回升 沪指半日跌0.74% ChatGPT、AIGC等板块跌幅居前
  9. 2023-06-266月25日信用债曲线收益率小幅波动
  10. 2023-06-26金鹰基金管理有限公司部分基金新增中山证券有限责任公司等为代销机构并开通基金转换、基金定投业务及费率优惠的公告
  11. 2023-06-26中广核在法国发布海外可持续发展报告
  12. 2023-06-26世界今头条!全民禁毒!岳阳经开区多措并举启动禁毒宣传教育
  13. 2023-06-26鬼姓是怎么来的 鬼姓的来源和历史(占卜有关)|天天日报
  14. 2023-06-26世界首台铁路桥梁换运架一体机“太行号”正式投用:不用断线、停运了_每日动态
  15. 2023-06-26新明中国:继续延期披露2022年年报
  16. 2023-06-26世界观天下!高考志愿填报批线差是什么意思_批线差是什么意思
  17. 2023-06-26国乒教练开啥车?马琳豪车,王皓务实,邱贻可经济,肖战选择意外-天天新视野
  18. 2023-06-26真正”有本事“的男人,身上都有这4个明显特征,看看你有吗?
  19. 2023-06-26每日看点!高招季来临 从摆摊抢生源到现在的“直播带高校”
  20. 2023-06-26焦点快播:解酒饮料售卖机能解酒吗?