将我的徽标链接到主页html

我想让我的标志在我的标题点击和链接到主页，但我不知道确切地怎么做这一权利

我的代码：

导航菜单：

HTML

---

我希望我的徽标可以点击并链接到主页。cshtml使用

而不是

作为徽标。

最好使用包装在锚定标记中的图像

但除此之外，这应该是可行的：

<div class="logo" onclick="window.location.href='homepage.html'"></div>

您不能将背景图像作为链接。将图像移动到HTML代码中，然后将其作为链接。

使用链接包围的

img

标记有什么错，而不是使用CSS将徽标设置为背景图像？像这样：

<div id="myMenu">
  <div class="myWrapper">
    <nav>
    <a href="/"><img src="../images/mylogo.png" height="30" width="156" /></a>
    </nav>
  </div>
</div>

这样做的另一个好处是更容易访问（特别是如果您在徽标上使用

alt

属性），这会让搜索引擎机器人更快乐。决不能使用CSS设置向用户传达意义的图像内容。

<div id="myMenu">
         <div class="myWrapper">
             <nav>
                 <a href="Homepage.cshtml"><div class="logo"></div></a>
             </nav>
         </div>
    </div>

它也可以类似于以下示例：

<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #000000;">     
      <div class="logo" >
            <a href="{% url 'major' %}">
                <img src="{% static 'images/logo.gif' %}" style="width:80px;height:80px;"/>
            </a>
      </div>
      .....
</nav>

.....

只要把它放在锚定标签中就行了。

。哦，好的，这很好，这里没有废话。。正如你刚才所说，它是有效的。@JackAllen仅仅因为它有效，并不意味着它是正确的并且会被验证。但在这种情况下，你是对的，只要文档是HTML5。@soyuka。谢谢MikeSmithDev，我真的认为这是无效的。这表明

标记中的所有内容都是指向href的链接，所以使用它没有错，它与任何其他内容的

相同，这肯定是误导。一个元素可以有一个背景图像并被链接，在视觉上使背景图像成为链接。这是一种不好的做法，因为它会在没有JavaScript（或禁用JavaScript）的浏览器中中断。

<div id="myMenu">
         <div class="myWrapper">
             <nav>
                 <a href="Homepage.cshtml"><div class="logo"></div></a>
             </nav>
         </div>
    </div>

<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #000000;">     
      <div class="logo" >
            <a href="{% url 'major' %}">
                <img src="{% static 'images/logo.gif' %}" style="width:80px;height:80px;"/>
            </a>
      </div>
      .....
</nav>