bodyにidをつける理由は何ですか？

Question

お世話になっています。スタイルシートを勉強している者です。いろいろなサイトのソースを見て疑問に思ったんですが、下記のようにbodyタグにidやclassをつけているサイトがありました。トップページにidを指定し階層ページには指定しないサイトもあれば、トップページ、階層ページともそれぞれidを指定しているサイトもありました。あとはどちらにもつけていないものもありました。 bodyにつけるスタイルは何が目的なんでしょうか？背景画像でしょうか？ならば下の

に指定すればいいのかなぁと思ったんですが… 何が利点なのか教えてください。。よろしくお願いします！

metametamu · Accepted Answer

ページごとにスタイルを変えたい場合bodyにidをつけておくと、少し程度のレイアウトの違いなら簡単に同じcssを使いまわすことができます。

/* 共通部分 */
a:hover {
color:red;
}

/* 個別指定 */

body#hoge1 div {
width:600px;
}

body#hoge2 div {
width:500px;
}

2つのページで同じスタイルシートを適用しても、bodyのidによって幅が変わります。

あと考えられる可能性としてはハックくらいしかないと思います。

steel_gray · Answer

複数のページでスタイルシートやjavascriptを共用する場合に、グループ分けしたり一意付けるためにclassやidを付ける事はあります。

ページ単体で考えた場合は付ける必要性はないかと思います。

taloo · Answer

Web標準の文法としては、スタイルシートを目的としたタグの追加はよくありませんので、特に意味もなく

を追加するのではなくで可能なのであれば、だけの方がいいです。

Chary_spy · Answer

意味なんか無いですよ。と言うのも正解。
意味はちゃんと有り・・と言うのも正解。

その程度の話です。ＤＯＭはご存知かと思いますが、スクリプト的にアクセスする場合、階層構造でアクセスするのと、ユニークなＩＤでアクセスする方法とありますが、実はＩＤは重複していても問題ありません。プログラマーが、アクセスしやすいように設計すればいいだけの話です。

例えばＩＤを引数にして、ＩＤでオブジェクトを取得して、戻り値を最初の子オブジェクトであるようなFuncitonを作った場合、BodyにIDを付けてもおかしくありませんよね。

bodyにidをつける理由は何ですか？

ページごとにスタイルを変えたい場合bodyにidをつけておくと、少し程度のレイアウトの違いなら簡単に同じcssを使いまわすことができます。

複数のページでスタイルシートやjavascriptを共用する場合に、グループ分けしたり一意付けるためにclassやidを付ける事はあります。

Web標準の文法としては、スタイルシートを目的としたタグの追加はよくありませんので、

意味なんか無いですよ。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング