私、デザイン事務所でコーダーをしている者です。
HTML5でコーディングをする際のレイアウト部分で質問なのですが、皆さまはセクショニングコンテンツのタグをレイアウトやデザイン反映に使用してますでしょうか??
私は対応ブラウザの関係や仕様変更の対策のために、レイアウトやデザイン反映にはdiv要素を使っています。
最近は過去ブラウザでの表示もhtml5対応ライブラリで問題がなくなりましたから、個人的にはタグは少なくしたいので、div要素ではなくsection要素にしようかと思っているのですが・・・。
皆さまの考え方を教えて頂けれたら幸いです。
よろしくお願いいたします。
みんなの回答 6 件
それってarticle nav section asideをスタイルシートを適用させるだけのためにdivで囲っているということでしょうか? そんなに仕様変更が恐いなら最初からxhtml1.0でコーディングするべきでしょうし、HTML5でマークアップしているなら素直にHTML5の要素にスタイルシート適用するのが当然な気がしますけど・・・
なんでそんなことしてんの??
<section id="foo" class="bar">みたいにidやclassと一緒に使えばいいのでは?
あとは、html5shiv使えばIEでも問題ないですよ。
CSSリセットでHTML5のarticleやsectionなどはブロック要素にしてますよね?それなのにdivでレイアウト整えるのは無駄以外の何物でもないし、本末転倒だと思います。
覚えたて?
レスありがとうございます。
レイアウト用のdiv要素とセクション要素を分けたほうがいいと勘違いしていたみたいです。
皆さんのアドバイス通り、素直にセクション要素のタグにスタイルを指定して、
綺麗なソースコードにしていこうと思います。
ご意見ありがとうございました!
ご理解されているようであれば申し訳ありませんが、勘違いされるケースが多いので一応書かせていただきます。
マークアップ上正しい位置に配置したsectionなどにスタイルを適用するのは有りですが、たんにレイアウト目的のdivをsectionに置き換えるのは無しです。sectionなどの使い方はググればいくらでも出てきますので、解らないようであれば調べてみて下さい。
関連するトピックス