为什么我们不能将id属性添加到<img/>标记？

Question

每当我们向id标记添加<img>属性时，图片都不会显示。

例如。

<img src="something.jpg" id="sidebarAd">

此图片不会显示。另外，如果我也放置<div>。不起作用。例如，

<div id="sidebarAd">
<img src="something.jpg">
</div>

但是，如果我使用类标签。一切都像魅力一样。为什么会这样？

Answer 1

这可能是由AdBlocker过滤器响应您的ID名称#sidebarAd引起的。这是预期的行为，因为......嗯......这是一则广告：）

This demo by @zzzzBov 表明，当我的AdBlock Chrome扩展程序处于活动状态时，该图像不可见，但在禁用时会显示图像。

Answer 2

你很可能在某个地方有一个css规则关于该#sidebarAd设置了使其不可见的元素。

例如

display:none

Answer 3

确保您使用的是唯一ID和结束标记。

Answer 4

打开开发人员控制台（在大多数浏览器中为f12）并检查元素以查看是否存在某些CSS规则。

另一个想法：由于您在ID中包含“ad”字样，请确保您没有启用adblock扩展程序。

Answer 5

您是否有任何与该ID相关联的CSS可能隐藏它？任何HTML元素都可以有一个与之关联的ID，但所有ID必须是唯一的（它们只能在每个页面上出现一次）。