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

Question

我一直在开发一个页面，其中有多个条目包含在不同的

中。每一个都只是一个链接到页面的标题、一张图像和一个简短的描述。然而，描述可以包含任意标签，包括标签。

由于这些非常简单，并且实际链接不是那么大，因此我将其设置为单击

将调用 location.href = (link URL)< /代码>。然而，这是一件非常可悲的事情，因为它对浏览器不友好：例如，在 Google Chrome 下，中键单击其中一个

不会在新窗口中打开链接选项卡。

考虑到您不应该嵌套 标签，是否可以使 XHTML 中的任何元素表现得像链接而不诉诸 Javascript？

我使用的是 XHTML 1.1，以正确的 MIME 类型发送，这是我必须遵守的唯一限制。

Answer 1

不完全是，不。尽管值得一读Eric Meyer 对此的想法。另外，看来 HTML5¹ 包含任何元素成为链接的能力， 因此，如果可能的话，可能值得使用该 doctype 而不是 xhtml。

还值得补充的是，html 5 确实允许 元素包围块级元素，请参阅：http://www.brucelawson.co.uk/2008 /any-element-linking-in-html-5/，取自链接页面的示例：

而不是：

<h3><a href="story.htm">Bruce Lawson as Obama's running mate!</a></h3>
<a href="story.htm"><img src="bruce.jpg" alt="lovegod" /> </a>
<p><a href="story.htm">In answer to McCain's appointment of MILF, Sarah Palin, Obama hires DILF, Bruce Lawson, as his running mate. Read more!</a></p>

您可以说：

<a href="story.htm">
<h3>Bruce Lawson as Obama's running mate!</h3>
<img src="bruce.jpg" alt="lovegod" />
<p>In answer to McCain's appointment of MILF, Sarah Palin, Obama hires DILF, Bruce Lawson, as his running mate. Read more!</p>
</a>

---

更新以提及可能的不准确

1：我可能误解了我链接到的文档的一部分，试图为我的主张“...似乎 HTML5...任何元素都可以成为链接”（在 W3C 的 html 5 概述）它似乎不存在。当我看到迈耶的提议包含这种可能性时，我想我受到了过度的鼓励。

我太轻信了，太天真了……=/

Answer 2

如果您希望链接覆盖整个 div，一个想法是创建一个空的 标记作为第一个子标记：

<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;
}

这在使用 < 时尤其有效code>

创建块部分或幻灯片，并且您希望整个幻灯片成为一个链接（而不仅仅是幻灯片上的文本）。对于
• ，用 包装它是无效的，因此您必须将封面链接放在项目内并使用CSS 将其扩展到整个
• 块。

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