將我的Logo鏈接到主頁html

我想讓我的標題在我的標題中可點擊並鏈接到主頁，但我不知道如何做到這一點。將我的Logo鏈接到主頁html

我的代碼：

導航菜單：

HTML

<div id="myMenu"> 
      <div class="myWrapper"> 
       <nav> 
        <div class="logo"></div> 
       </nav> 
      </div> 
     </div>

CSS

#myMenu 
{ 
    width: 100%; 
    height: 30px; 
    z-index: 999; 
    background-color: #252e30; 

} 
.myWrapper 
{ 
    max-width: 660px; 
    margin: 0 auto; 
} 

.logo 
{ 
    display: inline-block; 
    width: 156px; 
    height: 30px; 
     margin-top: 5px; 
     background-size: auto 43px; 
    background-image: url(../images/mylogo.png); 
    background-repeat: no-repeat; 
}

我想我的標誌使點擊並鏈接到頁面：Homepage.cshtml

來源

2013-02-08 Maarten Verstraten

只要把它放在一個錨標記''。 – 2013-02-08 15:11:07

-1

使用<a>而不是<div>作爲徽標。

來源

2013-02-08 15:10:36

您最好使用包裹在錨標籤中的圖像。

，但沒有別的這應該工作：

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

來源

2013-02-08 15:11:16

這是不好的做法，因爲它會在沒有JavaScript的瀏覽器中打開（或禁用它）。 – 2014-07-27 09:44:37

你不能讓一個背景圖片的鏈接。將圖像移動到HTML代碼中，然後創建一個鏈接。

來源

2013-02-08 15:11:54 digitalfrenchfry

這是誤導。元素可以具有背景圖像並被鏈接，從而使背景圖像成爲鏈接。 – MikeSmithDev 2013-02-08 15:44:39

而不是使用CSS將您的徽標設置爲背景圖片，使用由鏈接圍繞的img標記會出現什麼問題？像這樣：

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

這具有更容易獲得，這使得搜索引擎機器人快樂（特別是如果你在你的標誌使用alt屬性）的額外好處。向用戶傳達意義的圖像內容不應該使用CSS來設置賭注。

來源

2013-02-08 15:12:01

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

來源

2013-02-08 15:12:33

在div上的鏈接？廢話 – soyuka 2013-02-08 15:12:58

廢話？它的工作不是它.. – 2013-02-08 15:21:58

ofc它的工作，但我不認爲它是有效的W3C – soyuka 2013-02-08 15:23:01

將我的Logo鏈接到主頁html

回答

相關問題