- ベストアンサー
bodyにidをつける理由は何ですか？
お世話になっています。 スタイルシートを勉強している者です。 いろいろなサイトのソースを見て疑問に思ったんですが、 下記のようにbodyタグにidやclassをつけているサイトがありました。 <body class="indexPage"> トップページにidを指定し階層ページには指定しないサイトもあれば、 トップページ、階層ページともそれぞれidを指定しているサイトもありました。 あとはどちらにもつけていないものもありました。 bodyにつけるスタイルは何が目的なんでしょうか？ 背景画像でしょうか？ ならば<body>下の<div id="wrapper">に指定すればいいのかなぁと思ったんですが… 何が利点なのか教えてください。。 よろしくお願いします！
- tinyfuture
- お礼率100% (7/7)
- HTML
- 回答数4
- ありがとう数6
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
ページごとにスタイルを変えたい場合bodyにidをつけておくと、少し程度のレイアウトの違いなら簡単に同じcssを使いまわすことができます。 /* 共通部分 */ a:hover { color:red; } /* 個別指定 */ body#hoge1 div { width:600px; } body#hoge2 div { width:500px; } 2つのページで同じスタイルシートを適用しても、bodyのidによって幅が変わります。 あと考えられる可能性としてはハックくらいしかないと思います。
その他の回答 (3)
- steel_gray
- ベストアンサー率66% (1052/1578)
複数のページでスタイルシートやjavascriptを共用する場合に、グループ分けしたり一意付けるためにclassやidを付ける事はあります。 ページ単体で考えた場合は付ける必要性はないかと思います。
お礼
ご回答いただきありがとうございました。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
Web標準の文法としては、スタイルシートを目的としたタグの追加はよくありませんので、 特に意味もなく<div>を追加するのではなく <body id="wrapper">で可能なのであれば、<body>だけの方がいいです。
お礼
ご回答いただきありがとうございました。
- Chary_spy
- ベストアンサー率40% (75/183)
意味なんか無いですよ。と言うのも正解。 意味はちゃんと有り・・と言うのも正解。 その程度の話です。ＤＯＭはご存知かと思いますが、スクリプト的にアクセスする場合、階層構造でアクセスするのと、ユニークなＩＤでアクセスする方法とありますが、実はＩＤは重複していても問題ありません。プログラマーが、アクセスしやすいように設計すればいいだけの話です。 例えばＩＤを引数にして、ＩＤでオブジェクトを取得して、戻り値を最初の子オブジェクトであるようなFuncitonを作った場合、BodyにIDを付けてもおかしくありませんよね。
お礼
ご回答いただきありがとうございました。
お礼
ご回答いただきありがとうございました。