HTLMのPやsection,articleの使い分け

Question

HTMLを勉強し始めたばかりです。
調べてみたのですが解決できず皆さんのお力をお借りできればと思います。

pとsectionやarticleの使い分けに関して教えてください。
Pは段落区切り、sectionは章をまとめる、articleはその中で単独でも意味のある文章の塊。

という理解でいましたが、そうなると長い文章を書いた時にどう組み合わせたら良いのかわからなくなってきました。

簡単な例文を用いてご説明いただけると分かりやすくてありがたいです。
よろしくお願いします。

Answer 1

私自身全て完璧に理解できていて使い分けができているわけでもありませんが、
参考になりそうな記事を貼っておきます。
いずれも簡単な例文があります。

• [HTML5] 新要素まとめ【2014/2/14版勧告候補】
• HTML5の「section」「article要素」の違い解説！
• div, section, article の使い分け方

Comments

[limelimelime]

頂きました「[HTML5] 新要素まとめ【2014/2/14版勧告候補】」がとても役に立ちました。
少し誤解していた部分がありました。
おかげで前に進めそうです。　どうもありがとうございます。

Answer 2

小説のような本で言うと、１冊まるごとがarticleで、目次の１つ１つがsectionで
section内の段落それぞれがpなのではないでしょうか？

ブログで言うと１記事全体がarticleで、hがある単位がsectionで
pは前述した内容と同じ。

僕はこういうイメージでいます。

Comments

[limelimelime]

シンプルでわかりやすい例題付きでご説明いただきありがとうございます。
私の理解に誤解があったようです。
サンプル付きで視覚的に理解しやすかったのでベストアンサーとさせていただきました。
どうもありがとうございました。