spanとdiv

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: はな : 2007/05/18(金) 17:30  ID:g3LJtksY sub-bK
CSSを勉強しているとよく悩みます。
divは改行が入るため改行が入ってもいいとこで使い、
spanは改行が入ってほしくないとこで使っています。
どちらで指定してもチャッカーではエラーにならないので、
気分で使っていますが、必ずどちらかを使わなければいけない場合があるのでしょうか?


1   名前: カヅサツ ◆ThCi95HEzw : 2007/05/18(金) 17:30  [URL]  ID:Ehfvypix sub-r2
HTMLのすべてをdivとspanで構成しているという意味でしたら、止めたほうがよろしいでしょう。

2   名前: はな : 2007/05/18(金) 17:30  ID:g3LJtksY sub-bK
HTMLのすべてと言う意味ではなく、CSSを使って文字サイズや色を変えた場合や、
ページのレイアウトにCSSを使った場合のことです。

3   名前: Newのり太 : 2007/05/18(金) 17:30  ID:kv614RjE sub-1h
>>0
http://www.kanzaki.com/docs/html/htminfo14.html#S13.2
段落のようなブロックレベル要素をグループ化する場合は、div要素を用います。
段落内部の特定のフレーズを、HTMLの要素とは異なるくくりでグループ化する場合はspan要素を用いることができます(つまりspan要素はインライン要素としてのグループ化を行います)。


> 必ずどちらかを使わなければいけない場合があるのでしょうか?

それら(divやspan)以外の要素としてマークアップ(グループ分け)できるのであれば、あえて遣う必要はないと思います。

4   名前: DIV : 2007/05/18(金) 17:30  ID:R1VRkDIa sub-Cl
何だか 考えすぎーーでしょう。
DIVはブロックレベル SPANはインライン ともに他の要素のような、特別な意味(表現が悪いかも?)を持っていない というところが重要で 使い勝手がよいのであって

>どちらで指定してもチャッカーではエラーにならないので、
>気分で使っていますが、必ずどちらかを使わなければいけない場合があるのでしょうか?


悩むことでもないでしょう。

5   名前: 匿名 : 2007/05/18(金) 17:30  ID:uHvAKwDQ sub-kJ
むしろ、最初のうちは div 要素や span 要素を使うな、と言っておきます。できる限り、適切な要素でシンプルにマークアップすることを考えた方が良いでしょう。

その上で、>>3 が言うように、ブロック要素をグループ化する適切な要素がない場合にやむをえず div 要素を使い、インライン要素をグループ化する適切な要素がない場合にやむをえず span 要素を使って下さい。

div 要素と span 要素の違いに、見た目の改行なんてのはまるで関係ありません(そんなのは CSS でいくらでも制御できます)。

# テーブルレイアウトと見紛うばかりの div/span 要素の羅列や、そんなのは XSL-FO でやれと叫びたくなるような div/span 要素の濫用を見るにつけ、HTML を基本からやり直せと叫びたくなる。

一覧へ戻る