由于链接嵌套在链接

Question

我正在尝试将嵌套在a元素中的所有内容都设为链接，但是没有任何内容可以点击，因为a元素嵌套在a元素中 - 有办法解决这个问题吗？

<a style="display: block;" href="somewhere.com">
<div>
Here's some content.
<a href="somewhereelse.com">Link</a>
</div>
<div>
Here's some content.
</div>
</a>

如果可能，我宁愿不使用Javascript或Jquery。

Answer 1

编辑：

根据您的更新，您似乎希望在<a> <a>内嵌套<a style="display:block;" href="//somewhere.com"> <div> Here's some content. </div> <div> Here's some content. </div> </a>。

您的HTML中有一些错误。试试这个：

＆＃13;

＆＃13;

 HttpStatus status = AnnotationUtils.findAnnotation(exception.getClass(), ResponseStatus.class).value();

＆＃13;

＆＃13;

＆＃13;

Answer 2

您无法在HTML 4.01中的行元素中插入块元素，因此实际上您无法执行此操作。 在HTML 5.0中可以在line元素中包含块元素，但在你的情况下，你在a中包含一个新的交互元素，因此它会导致渲染问题。

W3 HTML 5 - “a元素可以包裹整个段落，列表，表格等，甚至整个部分，只要内部没有交互式内容（例如按钮或其他链接） 。“

您需要重新定义标记才能使其正常工作。有些人喜欢：

<a style="display: block;" href="somewhere.com">
  <div>
    Here's some content.
  </div>
</a>
<a href="somewhereelse.com">Link
  <div>
    Here's some content.
  </div>
</a>

我希望有帮助：D