headerとfooterにあたる部分はどこなのか

Question

①2つの画像は独立しているのでしょうか？それともどこかのsectionの一部に入れておいた方がよいのでしょうか？

②footerに当たる部分は「copyright © 2019 manaberuit. All right reserved.」だけでしょうか？それとも「学習コンテンツ」から「copyright © 2019 manaberuit. All right reserved.」まででしょうか？

③headerに当たる部分は「・お問い合わせ」まででしょうか？それとも「logo.ping ※2つめの画像」まででしょうか？

④footerはarticleタグの中には入らないのでしょうか？

Comments

[K_3578]

どのサイトのこと聞いてるか知りませんけど普通にページのソース表示させたらわかると
思うんですが。

Answer 1

サイトがいくつものページで成り立っていて、それらのページの上下に共通に現れる要素がfooterとheaderです。taratailでいえば黒く塗りつぶされている部分。ですから、「これは共通」だと思える部分で「上」に表示するものをheader、下に表示するものをfooterだと考えればいいことです。

article,section etc.の定義は適切なドキュメントを探してください。しかし、原則は原則として、現実どうするかは作り手（≒サイトの主催者、管理者）が自分で判断して決めることで、誰かに指示してもらうべきものではありません。

HTMLのsectionとarticleの違いを理解して使い分けよう | マインドステージ

article…その範囲がセクションの中で、独立しており、それだけで完結していることを示す要素。

などといいますが、何をもって「独立」とするのかは数学の公式に当てはめれば答えが出る話ではないのです。

大事なのは、基準を自分たちなりに明確にして、サイト内で首尾一貫した方針に従ってコーディングすることでしょうね。

footerはarticleタグの中には入らないのでしょうか？

規約上どのようなタグの入れ子が許されるかは、次のようなページをみると確認できます。

HTML5 入れ子チートシート | 吉川ウェブ

Comments

[momo429]

丁寧な回答ありがとうございました。