我们可以使用<span>来保存图像文件吗？</span>

Question

以下代码中空<span>的目的是什么？我一直认为<span>用于设计内联元素的样式。但是，在下面的代码中，看起来<span>用于保存图像文件？ 有人可以在这里解释一下<span>标签的用途吗？

提前谢谢！ :)

<ul>
<li><a href="index.php?id=1" class="selected">Home</a></li>
<span><img src="assets/images/divider.png" /></span>
</ul>

Answer 1

就呈现HTML而言，它没有任何意义。它可能用于匹配一些（写得不好的）CSS规则，例如ul span或者也许是JavaScript的钩子。

它也无法用作HTML，因为<ul>中允许的唯一标记是<li>。

Answer 2

正如其他人提到的那样span作为ul的直接后代是无效的标记。

然而，也许原作者把它放在那里是因为他们想要一个内联元素在同一行上显示图像？

可以通过以下方式实现同​​样的效果：

<li style="display:inline"><img src="assets/images/divider.png" /></li>

虽然我承认这有点紧张。

Answer 3

就我而言，你可能不会在一个内联元素中包含一个块元素。即使img为inline-block，我仍然认为规则仍适用。

Answer 4

在图片中，您不需要用来保存和自定义图像。

总是更好地在图像标记中使用id或class，例如：