如何设置横幅徽标的超链接。请帮忙

Question

我正在尝试设置标题的超链接，该标识位于横幅的左侧。当我使用

<a href="home.php"> <div class="logo"></div></a>

它不起作用。帮助我摆脱这个问题

Answer 1

对于这些事情，我做了类似的事情：

<div class="logo"><a href="home.php" id="logolink"></a></div>

在我的CSS中：

a#logolink { display: block; width: 500px; height: 100px; }

调整高度和宽度以满足您的需求。

Answer 2

您不能这样做，因为<a>是内联元素，而<div>是块元素。您应该使用<div>等内联元素替换<span>，或按照Dominic Rodger所说的内容进行替换。

Answer 3

您不能将像<div>这样的块元素嵌套在内联元素中，例如<a>。不过，您可以在徽标图片周围添加<a>标记：

<a href="home.php">
  <img src="logo.png" alt="Logo">
</a>

Answer 4

<a href="home.php"><img src='logo.png' /></a>