xhtml - 将类似 href 的属性应用于非元素

Answer 1

Answer 2

如果您希望链接覆盖整个div，一个想法是创建一个空<a>标签作为第一个孩子：

<div class="covered-div">
  <a class="cover-link" href="/my-link"></a>
  <!-- other content as usual -->
</div>

div.covered-div {
  position: relative;
}

a.cover-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

这在<ul>用于创建块部分或幻灯片并且您希望整个幻灯片成为链接（而不是简单地幻灯片上的文本）时特别有用。在 an 的情况下，<li>用 an 包裹它是无效的，<a>因此您必须将封面链接放在项目内并使用 CSS 将其扩展到整个<li>块。

请注意，将其作为第一个子项意味着它将使文本中的其他链接或按钮无法通过单击访问。如果您希望它们可点击，那么您必须将其设置为最后一个孩子。