html - 使 html 页面的区域成为链接

Question

我正在开发一个顶部有导航的网页。我想知道如何使 html 页面的某个区域可点击。这样，人们不仅可以单击导航栏中的文本，还可以单击文本周围的一般区域，以便从一个页面导航到另一个页面。当我继续尝试这样做时，它通常会弄乱我已经在页面上拥有的 div。

任何帮助，将不胜感激！

谢谢！

Answer 1

只有一小部分 HTML 元素可以放在<a>. 例如，一个 div 不能放在一个<a>.

在这种情况下，您可以使用 javascript 或 jQuery 来侦听页面上某个定义区域（例如 div）的点击，并通过更改地址（例如通过更改window.location.href）来响应它。这将具有您正在寻找的相同效果。

请注意，可用性和设计伦理要求您网站的用户知道某个区域是一个链接，并在他们点击之前将您带到其他地方。

Answer 2

如果我正确理解了您的问题：

尝试设置display: block;菜单文本链接，+ 添加它们padding。也可以使用width和height

因此，活动链接不仅是文本，还包括它周围的区域。

Answer 3

我假设你的意思是整个div？我们可以使用 javascript (jQuery) 来做到这一点：

$("#mydiv").click(function() {
   window.location = 'http://www.google.com'; // redirect here on click
});
<div id="mydiv">
   <!-- this area we can click -->
</div>