我已经看到了几种在 HTML 文档中创建可点击区域或元素组的不同方法。
一种方法是将一堆元素包装在一个锚标记中并使其显示块。然而,有些人认为这在语义上是不正确的。另一种方法是使用 JavaScript,但是如果不小心操作,它会通过禁用中间单击和右键单击来破坏用户体验。
我已经看到了几种在 HTML 文档中创建可点击区域或元素组的不同方法。
一种方法是将一堆元素包装在一个锚标记中并使其显示块。然而,有些人认为这在语义上是不正确的。另一种方法是使用 JavaScript,但是如果不小心操作,它会通过禁用中间单击和右键单击来破坏用户体验。
W3 说:
(编辑:一个链接会很好...... dev.w3.org)
a 元素可以围绕整个段落、列表、表格等,甚至整个部分,只要其中没有交互内容(例如按钮或其他链接)。这个例子展示了如何使用它来将整个广告块变成一个链接:
<aside class="advertising">
<h1>Advertising</h1>
<a href="http://ad.example.com/?adid=1929&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&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>
. 也就是说,很多人都会写 eg <a href="..."><img ...></a>
,而图像肯定不像文本。所以这充其量是一个模糊的话题。