html - html链接正确放置？

Question

通常用于 html 链接：

<p><a href="#">this is link</a></p>
<h1><a href="#">this is link</a></h1>
<span><a href="#">this is link</a></span>

href 链接可以像这样包裹在其他元素之外吗？

<a href="#"><p>this is link</p></a>
<a href="#"><h1>this is link</h1></a>
<a href="#"><span>this is link</span></a>

还有一个div之外？

<a href="#">
 <div>this is div
     <p>here is the paragraph</p>
     <div>and nested div</div>
 </div>
</a>

score 1 · Accepted Answer

是的，你可以这样做。它看起来有点奇怪，但它会起作用。请注意，在您的第二个示例中，文本将全部映射到同一个链接“#”。

score 1 · Accepted Answer

是的。规范中没有任何“禁止”元素<a>（除了标准<html>, <body>, <head>, <title>, <meta>...）。<a>链接，每个人都应该被链接。

请记住，这<a>是内联的，因此您必须display: block像这样设置使用它<div>

2 回答 2