可點擊圖像：如何取消它

Question

我有列表中的元素，我讓可點擊問題是當我把圖像它可以點擊或者是與列表中的最後一個元素相同。 要清楚，當我點擊圖像時，它會打開相同的鏈接，當我點擊列表中的最後一個元素（Potatos） 我如何使圖像不可點擊。

 <div> 
 
      <ul> 
 
       <li><a href="http://www.google.com" />Pizza</li> 
 
       <li><a href="http://www.msn.com" />Tacos</li> 
 
       <li><a href="http://www.w3schools.com" />Potatos</li> 
 
      </ul> 
 
     </div> 
 
     <div> 
 
      <img src="C:\Users\Ahmed\Desktop\Tacos.jpg" width=30% /> 
 
     </div>

Answer 1

這是正確的方式來做他們的伴侶。

 <div> 
 
      <ul> 
 
       <li><a href="http://www.google.com">Pizza</a></li> 
 
       <li><a href="http://www.msn.com">Tacos</a></li> 
 
       <li><a href="http://www.w3schools.com">Potatos</a></li> 
 
      </ul> 
 
     </div> 
 
     <div> 
 
      <img src="C:\Users\Ahmed\Desktop\Tacos.jpg" width=30% /> 
 
     </div>

Answer 2

問題在於<a href="http://www.google.com" />，錨標籤<a>是容器標籤，這意味着它具有一開口<a>和結束標記</a>。聲明<a />意味着它是一個非容器/自包含標籤，這是錯誤的。

<ul> 
    <li><a href="http://www.google.com">Pizza</a></li> 
    <li><a href="http://www.msn.com">Tacos</a></li> 
    <li><a href="http://www.w3schools.com">Potatos</a></li> 
</ul>