Iframe

iframe 用于在网页内显示网页。

添加iframe的语法

<iframe src="URL"></iframe>

URL 指向隔离页面的位置


Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

实例

iframe src="demo_iframe.html" width="200" height="200"></iframe>


Iframe -- 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框:

<iframe src="demo_iframe.html" frameborder="0"></iframe>


使用iframe作为链接的目标

iframe 可用作链接的目标(tarpget)。

链接的 target 属性必须引用 iframe 的 name 属性:

<iframe src="demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,712评论 1 92
  • 自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网...
    布拉德皮蛋_qzy阅读 8,698评论 0 3
  • 2017-09-07摘抄自W3school-HTML Iframe希望帮助自己系统地打好基础,也能在做笔记的同时添...
    moralok阅读 3,427评论 0 0
  • 【技术研究】如何动态获取跨域iframe高度 引言 iframe是一个“好东西”,但是又会带给你很多头疼的“问题”...
    brandonxiang阅读 12,012评论 0 6
  • མུན་ནག་གི་ཀློང་ནས། འཇིག་རྟེན་ནས་ཆེས་བརྗོད་དཀའ་བའི་ན་ཟུག་ར...
    多果加阅读 1,576评论 0 0

友情链接更多精彩内容