具体的にHTML5のマークアップ例に入る前にsectionとarticleの違いについてキチンと説明しておかねばなるまい。 文章構造を示す上では非常に便利でSEOへの期待も高まるこの2つの要素ですが 違いについて悩むケースが多く、また某参考書では明らかに説明が間違っているものもありました。 そこで、今回はITかあさんのブログを例に、sectionとarticleの違いを説明しておきたいと思います。 ITかあさんトップページ まずはITかあさんトップページの画像のキャプチャをご覧下さい。 (説明しやすくするために一部はしょってあります。) 特にnavや、asideはそれほど悩みませんね。 どれがarticleなのか どれがarticleなのかが理解できれば、残りはsectionになりますから、先にarticleから考えましょう。 articleとは『それ単体で完結出来る、独立したもの』なので
![sectionとarticleの決定的な違い](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3ce775b884f2b53fedc02ce5f53f05be3d95fc5/height=288;version=1;width=512/http%3A%2F%2Fwww.kaasan.info%2Fwp-content%2Fuploads%2F2018%2F05%2FlogoOGP.png)