html - 使整个 -tag 成为一个链接

Question

我正在进行 wordpress 自定义，我需要将整个文章标签作为链接。
基本上当我将鼠标悬停在 <article> 上时背景颜色更改(工作)，但我无法确定 html 将整个标签变成链接。
我两种方法都试过了

<a href="mylink">
    <article>
        /*article content: an image, header &text*/
    </article>
</a>

和

<article>
    <a href="mylink">
        /*article content: an image, header &text*/
    </a>
</article>

Answer 1

第一个代码应该可以工作。添加类(class)到 <a>标记并使用 css display:block 属性。

.block{
  display: block;
}

<a class="block" href="mylink">
    <article>
        <img src="http://placehold.it/400/400" alt="" />
    </article>
</a>