hrefが動作しません

Question

これは私のコードです：私は、画像をクリックすると

   <li> 
       <figure> 
        <img src="images/1.png" alt="img04"> 
        <figcaption> 
         <h3>Text</h3> 
         <span>Text</span> 
         <a href="#screen" class="cd-modal-trigger">View</a> 
        </figcaption> 
       </figure> 
      </li> 

私が欲しい、HREF Goは#screenします。しかし、私はこれを試してみる：

<img src="images/1.png" alt="img04" href="#screen"> 

それは動作しません。

イメージをクリックすると、#screenに行くことができますか？

Answer 1

画像をクリックすると、#screenに行くことができますか？

をクリックすると、#screenに移動します。これは、<a>のテキストがhref属性の内部にあるためです。

イメージをクリックしたときと同じ効果が必要な場合は、テキストに対して行ったイメージとまったく同じことを行います。

<a>要素に<img>をラップします。 <a>要素にhref属性を追加します。

Answer 2

これを試してみてください：

<a href="#screen"><img src="images/1.png" alt="img04"></a>