THE HAM MEDIA BLOG

最近マークアップをしようとして、
ん？これはどこがheaderだ？
なんて思う事態になったので、
メモ代わりにエントリー

id="header"はどこにつけたら？

だいたいこんな感じのデザインだったんですが、
headerをつけようとして悩みました。

最初は普通に左上のロゴにつけようとおもったんですが、
右上にタイトル的な語句や説明を入れれば
そこをheaderとしてもいいのかなって思ったのです。

マークアップとしては、左上→左下→右上から下へ
なんていうながれで収まればいいんですが、
画像に入れ忘れたんですが、ナビの下にも少しバナーとかもあったので、
今回の件の左側のロゴをheaderにするのをためらったのです。

そもそもロゴが少し縦にも長いので、
ロゴ→右上の説明の順序にしてしまうと、
右のイメージにどんなCSSをつけていいのか悩んでしまう。
マイナスマージンをつけたら上にも食い込むのですが、
その方法でいいのか？とか・・・

作り方は様々あるでしょうけど、
安易にいつものようにせずに、
ふと、「あれ？これってどうなんだろう？」
などと考えてしまうと、今回みたいに悩んでしまうのです。

結局のところ僕はこうするでしょう。

最善のマークアップが思い浮かばない現状、
無難にheaderというものはつけずに、
左サイド→右サイドの順番でマークアップしていこうかなって思います。

というか、こういうデザインの場合、
headerって部分分けは必要なのかな？などという疑問も出てきたり・・・

考えていたらキリがないですね。