-

私、デザイン事務所でコーダーをしている者です。
HTML5でコーディングをする際のレイアウト部分で質問なのですが、皆さまはセクショニングコンテンツのタグをレイアウトやデザイン反映に使用してますでしょうか??

私は対応ブラウザの関係や仕様変更の対策のために、レイアウトやデザイン反映にはdiv要素を使っています。
最近は過去ブラウザでの表示もhtml5対応ライブラリで問題がなくなりましたから、個人的にはタグは少なくしたいので、div要素ではなくsection要素にしようかと思っているのですが・・・。

皆さまの考え方を教えて頂けれたら幸いです。
よろしくお願いいたします。

みんなの回答 6 件

名無しさんの回答

それってarticle nav section asideをスタイルシートを適用させるだけのためにdivで囲っているということでしょうか? そんなに仕様変更が恐いなら最初からxhtml1.0でコーディングするべきでしょうし、HTML5でマークアップしているなら素直にHTML5の要素にスタイルシート適用するのが当然な気がしますけど・・・

名無し

やはりそうですか。HTML5でマークアップする意味が無くなってしまってますね・・・。これからはもっとタグを活用して、HTML5としてのコーディングを勉強していこうと思います。ありがとうございます。

名無しさんの回答

なんでそんなことしてんの??
<section id="foo" class="bar">みたいにidやclassと一緒に使えばいいのでは?
あとは、html5shiv使えばIEでも問題ないですよ。

名無し

情報ありがとうございます。確かに目的がよく分からないコーディングをしていました。ちょっと考え方を改めます。

名無しさんの回答

CSSリセットでHTML5のarticleやsectionなどはブロック要素にしてますよね?それなのにdivでレイアウト整えるのは無駄以外の何物でもないし、本末転倒だと思います。

名無し

そうですね。やはり、今の自分のやり方は無駄だという事ですね。これを機会に改善をしていこうと思います。

名無しさんの回答

覚えたて?

名無し

すいません。色々と勘違いしていたみたいです・・・。

名無しさんの回答

レスありがとうございます。
レイアウト用のdiv要素とセクション要素を分けたほうがいいと勘違いしていたみたいです。
皆さんのアドバイス通り、素直にセクション要素のタグにスタイルを指定して、
綺麗なソースコードにしていこうと思います。
ご意見ありがとうございました!

名無しさんの回答

ご理解されているようであれば申し訳ありませんが、勘違いされるケースが多いので一応書かせていただきます。
マークアップ上正しい位置に配置したsectionなどにスタイルを適用するのは有りですが、たんにレイアウト目的のdivをsectionに置き換えるのは無しです。sectionなどの使い方はググればいくらでも出てきますので、解らないようであれば調べてみて下さい。

名無し

情報ありがとうございます。そのレイアウト目的部分の所で勘違いをしてしまったみたいです。勉強不足でした。もう少し調べなおしてみます。

最終更新日:2012-08-29 (4,185 views)

関連するトピックス

ページ上部に戻る