Question

我已经看到了在HTML文档中创建可点击区域或元素组的几种不同方法。

一种方法是将一堆元素包装在一个锚标记中并使其显示块。然而有些人认为这在语义上是不正确的。另一种方法是使用JavaScript，但如果不仔细，可能会通过禁用中间点击和右键单击来破坏用户体验。

Answer 1

W3说：

（编辑：链接会很好...... dev.w3.org）

只要在其中没有交互式内容（例如按钮或其他链接），a元素可以围绕整个段落，列表，表格等，甚至整个部分。此示例显示了如何将整个广告块用于链接：

<aside class="advertising">
 <h1>Advertising</h1>
 <a href="http://ad.example.com/?adid=1929&amp;pubid=1422">
  <section>
       <h1>Mellblomatic 9000!</h1>
   <p>Turn all your widgets into mellbloms!</p>
   <p>Only $9.99 plus shipping and handling.</p>
  </section>
 </a>
 <a href="http://ad.example.com/?adid=375&amp;pubid=1422">
  <section>
   <h1>The Mellblom Browser</h1>
   <p>Web browsing at the speed of light.</p>
   <p>No other browser goes faster!</p>
  </section>
 </a>
</aside>

因此，如果您没有互动内容，请使用<a>;否则，使用JavaScript。无论如何，这是我的看法。

此外，我还断言，因为<a>具有文本级语义，所以任何非文本的东西都应该用JavaScript而不是<a>来点击。也就是说，很多人写道，例如<a href="..."><img ...></a>，图片肯定不像文字一样。所以这充其量是一个模糊的话题。

在HTML文档中创建链接标记的最佳做法是什么？

1 个答案: