html中使用iframe时后面的内容不显示

本文详细解析了在HTML中使用iframe标签时遇到的问题,即页面已嵌入内容显示,但iframe后面内容未显示的原因。通过案例分析,揭示了问题在于iframe标签未正确闭合。文章强调了标签完整性的必要性,并提供了解决方案,帮助开发者避免此类问题,确保网页布局的一致性和完整性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        在html中使用iframe标签时,发现页面已经嵌入进去了,内容也已经显示了,但iframe后面的内容均不显示。例如:

<html>

<body>

 <iframe src="/i/eg_landscape.jpg"/>
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>
</body>
</html>
这段代码中那些文字就不会显示出来。

        简单看一下好像没有什么问题,但为什么后面的内容不显示呢?经过研究发现是因为<iframe>标签没有写完整。只要把<iframe src="/i/eg_landscape.jpg"/>改成<iframe src="/i/eg_landscape.jpg"></iframe>。就不会有问题了。所以在编写部分标签时注意写完整。

        这种问题可能很小,但在工作中,由于页面布局比较复杂,而且iframe嵌入的内容已经显示出来了,人们往往就不会从这个标签去发现问题。可能以为布局高度等其他原因导致。所以比较难发现。

    总结: 使用<iframe>标签时需要写成对标签<iframe ></iframe>。。而不能写成<irame/>

转载于:https://my.oschina.net/u/1581846/blog/601581

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值