html - 将 <img> 用于菜单项是否错误？

Question

<div class="dashboard-icon">
        <a href="./structure/">
        <img class="admin-icon" src="<?=inc_path;?>images/icons/home.png" alt="" /></a><br />
        <p>Dashboard</p>
</div>

这是菜单的一部分，您认为在 UL > LI 中会更好吗？我想要图标下方的标签。

试着想一想这是不好还是不好的原因。 :)

Answer 1

Is using <img> for a menu item wrong?

如果它是内容图像(例如图标)则不是。

This is part of a menu, do you think it would be better in a UL > LI?

菜单通常是链接列表，并使用 <ul>和 <li>将是适当的。这不会阻止您使用 <img>虽然。

<p>Dashboard</p>

不过，图像的文字描述可能不值得拥有自己的段落。我会设置 display: block在图像上，如果我想强制换行，并将文本放在 <a> 中所以整个事情都是可点击的。我当然不会使用换行符和段落。使用 margin间距。