【HTML🔰】ブログ記事でaタグはarticleタグの外？中？どっちに書くの？

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

結論：articleタグの中にaタグ

<article>
  <img src="..." alt="...">
  <h2>記事タイトル</h2>
</article>

このような感じのブログ記事構成があったら、

<article>
  <a href="index.html">
    <img src="..." alt="...">
    <h2>記事タイトル</h2>
  </a>
</article>

とする。

注目すべきは順序。
articleタグは一つの記事のまとまりを表し、aタグはその中のリンクという役割を表す。
部屋に例えると、articleという部屋があって、ライトを照らすaがある。
ような感じ。