html - 我们可以用来保存图像文件吗？

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 也是无效的，因为 a 中允许的唯一标签<ul>是<li>.

Answer 2

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

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

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

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

虽然我承认这有点牵强。

Answer 3

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

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

Answer 4

就我而言，您可能不会将块元素包装在内联元素中。即使img是inline-block，我认为该规则仍然适用。