在内容上使用空 <a> 标记是否错误，否则我必须将其放置在其中？答案

【问题标题】：Is it wrong to use empty <a> tag over content that I would otherwise have to place inside it?在内容上使用空 <a> 标记是否错误，否则我必须将其放置在其中？
【发布时间】：2023-10-26 23:23:02
【问题描述】：

我正在努力解决一个简单的问题。我正在使用 <a> 链接一个完整的内容块，而不是通过标题或图像链接，我想链接整个内容，如果我必须将所有内容放入内联 <a> 元素中，我会结束加上一堆跨度，我宁愿使用更多语义代码，所以我正在考虑将空的 <a> 元素放在其他所有内容之前，然后为内容使用更多语义标签。

我之前的：

<p>
    <a href="">
        <span class="percent">- 27%</span>
        <span class="images"><span><img src="img/img02.png" alt=""></span></span>
        <span class="title">Špičkový šlehač Š-LEH-NIHO, pomocník každé hospodyňky</span>
        <span class="bottom-part">
            <span class="price"><b>18 599</b> Kč</span>
            <span class="status available">Skladem</span>
        </span>
    </a>
</p>

显然，这些标签中的每一个都是必需的，因为它需要不同的样式。这可能是你们大多数人几年前解决的完全荒谬的事情，但我倾向于经常遇到它，每次我对使用这些跨度感到难过时 - 更糟糕的是，使用那个空链接标签，或者将所有内容放入其中并且跨度长的类？

【问题讨论】：

如果它看起来不错并且客户对此感到满意，为什么会感到难过？电脑不在意？除非有很多（数百个），否则传输速度会相当快？
您所包含的 sn-p 的替代方案是什么？
*.com/questions/1827965/…的可能重复
@lefiath：既然有替代方案，为什么不将这两种变体结合起来，即在内部使用a 和figure、footer 等？
@lefiath 你仍然不能在内联物品中使用方块物品！但是，a 的内容模型在 HTML5 中已从 inline 更改为 transparent，也就是说，您可以在 a 内部使用与在其父级内部使用相同的元素。对于某些元素也是如此，例如ins、del、object 等，但并非所有内联元素在 HTML5 中仍然是内联的。

标签： html semantic-markup

【解决方案1】：

html 透视图没有问题，但是如果您使用带有空白href 值的a 标签，那么当您单击此标签时，它将刷新页面。

【讨论】：

这只是一个例子，现场版当然会有链接。