HTML5のマークアップに詳しい方、教えてください。headerやfooter等でそれぞれの両端が画面端に100%で伸びているデザインをコーディングする際にfooter(width:100%) > 内容を中央へ置くためのボックス > 内容width:100%を実現するためのボックス > footer(内容幅分) > 内容という2つのパターンがあるとして、どちらの方が良いとおもいますか?
上じゃね?
どっちがいいというより、あなたが何をfooterと定義するかの問題じゃないですかね。下全部をfooterとしたいのか、コンテンツが入る部分だけfooterとしたいのか
デザインと内容によるんじゃない?例えばwidth100%にしたいもの(仮にHeader相当の背景デザイン)が、Bodyのbackground-imageで解決する場合だってあるし、そしたら構成ももっとシンプルになるよね。
構造的には、どちらも同じ評価となります。全体の設計にあわせて、好きにしていいですよ。
質問の意図とは少しずれるかもしれないけど、headerやfooterって1ページに1つとは限らないし、内容を中央へ置くためのボックスがdivとも限らないわけで、ようはその内容如何でアウトラインが変わってくるので、デザインの前にまずアウトラインを確認すべきかと。
みんなの回答 5 件
上じゃね?
どっちがいいというより、あなたが何をfooterと定義するかの問題じゃないですかね。下全部をfooterとしたいのか、コンテンツが入る部分だけfooterとしたいのか
デザインと内容によるんじゃない?例えばwidth100%にしたいもの(仮にHeader相当の背景デザイン)が、Bodyのbackground-imageで解決する場合だってあるし、そしたら構成ももっとシンプルになるよね。
構造的には、どちらも同じ評価となります。
全体の設計にあわせて、好きにしていいですよ。
質問の意図とは少しずれるかもしれないけど、headerやfooterって1ページに1つとは限らないし、内容を中央へ置くためのボックスがdivとも限らないわけで、ようはその内容如何でアウトラインが変わってくるので、デザインの前にまずアウトラインを確認すべきかと。
関連するトピックス