THE HAM MEDIA BLOG

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

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
HTML
タグ:
XHTML

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

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

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

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

ヘッダーはどこ?

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

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

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

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

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

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

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

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

関連エントリー:
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/93755636
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。