HPについてなんですが。

質問

HPについてなんですが。

yahooのようなhpはタグがほぼ<div>つくられいると思うのですが？
段組みを増やす場合は
<DIV>と<DIV>の間に<DIV>を追加していけばいいのでしょうか？

それと、idを使わずclassを使ったほうがいいのですか？

回答No.1

bakakyatap · ベストアンサー

DOMとCSSを学ぶことをお勧めします。

最初にＣＳＳがいいかと思います。

DIV タグは初期のホームページを作る本では、たぶん”段落”と解説していたかと思いますが、ＣＳＳを使う場合、”段落”としてはほぼ使われていません。

http://www.htmq.com/style/position.shtml

にあるように、ポジショニングに使われる事がほとんどです。もちろん、元々ＤＩＶに適用されているＤＴＤ（書式などの定義が書かれている）には、「改行、アウトライン」のブロック要素であるため使い道として、見出し、段落、リスト、フォームになりますが、今では単なるＢＯＸ（コンテナ）としての使い道がほとんどです。

http://www.htmq.com/html/div.shtml
[DIV]

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.3
[W3C訳 ブロック要素の説明]

このポジショニングとはレイアウトの基本で、ＣＳＳが対応していないブラウザが多かった時代はＴＡＢＬＥタグをレイアウトタグとして使っていましたが、今はＤＩＶを多様しています。また、ＤＨＴＭＬの基本のタグでもあります。

上記のＵＲＬを見れば分かると思いますが、ＤＩＶタグのネクストは可能ですので、段落として使うなら、<div> <div></div> </div>でかまいません。ただし上位のＤＩＶのスタイルに中のＤＩＶが影響されますので注意してください。段落の基本的な使い方としては、ネクストしないのが理想です。

段落は通常<p>タグを使います。

＞それと、idを使わずclassを使ったほうがいいのですか？

これはＣＳＳを理解していないためこのような意味不明な質問になったかと思います。

ID とClassは別機能なので、質問自体が間違っています。IDは単にオブジェクトをユニーク（一意に特定する）にするための属性です。

Classはスタイル名を指定するための属性です。通常両方使います。片方だけでも、問題ありません。逆にIDを指定しても、スタイルは指定した事になりません。指定できるのは、styleタグでから特定ＩＤはこのスタイルと言うやり方になります。

つまり、意味と、使い方がまるっきりち違うので、同意義語として使うのはおかしいです。このように使うのはあなたが初めてです。

StyleからＩＤを指定する場合と、タグの属性でClassを指定する場合では、ＤＯＭから見るとまるっきり違います。JavaScriptなどからＤＯＭにアクセスすると、アクセス方法が違うし、意味も違ってきます。

また優先順位など適用されるものも違ってくるので、ケースＢｙケースで使い分けるの正しい使い方です。

通常Classでスタイルを設定します。Styelタグでは、例えばＤＩＶに同じClassを指定しておくが、このＤＩＶだけは違うスタイルをつけたい時に、styleタグ側からＩＤを指定して使う事ができます。私は、直接ＤＩＶタグにClassを指定して、さらにStyle="color:redなどと独自スタイルを指定しています。この方が、１年後見たときに分かりやすいからです。

と言うことで、ＤＯＭとＣＳＳをちゃんと勉強しましょう。たくさんのケースで作る事をお勧めします。

お礼

ド素人に丁寧な回答ありがとうございました。

もっと勉強します。

ありがとう