Question

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

任何帮助将不胜感激！

谢谢！

Answer 1

您可以在<a>内放置一小组HTML元素，我猜他们中没有一个能为您完成这项任务。例如，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>

使html页面的区域成为链接

3 个答案: