
お世話になっています。
スタイルシートを勉強している者です。
いろいろなサイトのソースを見て疑問に思ったんですが、
下記のようにbodyタグにidやclassをつけているサイトがありました。
<body class="indexPage">
トップページにidを指定し階層ページには指定しないサイトもあれば、
トップページ、階層ページともそれぞれidを指定しているサイトもありました。
あとはどちらにもつけていないものもありました。
bodyにつけるスタイルは何が目的なんでしょうか?
背景画像でしょうか?
ならば<body>下の<div id="wrapper">に指定すればいいのかなぁと思ったんですが…
何が利点なのか教えてください。。
よろしくお願いします!
No.2ベストアンサー
- 回答日時:
ページごとにスタイルを変えたい場合bodyにidをつけておくと、少し程度のレイアウトの違いなら簡単に同じcssを使いまわすことができます。
/* 共通部分 */
a:hover {
color:red;
}
/* 個別指定 */
body#hoge1 div {
width:600px;
}
body#hoge2 div {
width:500px;
}
2つのページで同じスタイルシートを適用しても、bodyのidによって幅が変わります。
あと考えられる可能性としてはハックくらいしかないと思います。
No.4
- 回答日時:
複数のページでスタイルシートやjavascriptを共用する場合に、グループ分けしたり一意付けるためにclassやidを付ける事はあります。
ページ単体で考えた場合は付ける必要性はないかと思います。
No.1
- 回答日時:
意味なんか無いですよ。
と言うのも正解。意味はちゃんと有り・・と言うのも正解。
その程度の話です。DOMはご存知かと思いますが、スクリプト的にアクセスする場合、階層構造でアクセスするのと、ユニークなIDでアクセスする方法とありますが、実はIDは重複していても問題ありません。プログラマーが、アクセスしやすいように設計すればいいだけの話です。
例えばIDを引数にして、IDでオブジェクトを取得して、戻り値を最初の子オブジェクトであるようなFuncitonを作った場合、BodyにIDを付けてもおかしくありませんよね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
firefoxでブラウザ確認すると左...
-
別ページのページ内リンクでの...
-
複数のiframeの読み込みについて
-
<a href="#" …>の意味を教えて...
-
スマホ上で、左右スワイプで次...
-
javascriptとApacheの設定
-
別ファイルのfunctionの読み込み方
-
javascriptでalertの文字列をコ...
-
htaでVBSのソースを書いたらエ...
-
外部.jsの内容を一部置き換えて...
-
SCRIPT5007: 未定義または NULL...
-
HTMLでのブラウザタブの制御
-
入力したテキストボックスのデ...
-
idHOGEで取得したinnerText(数...
-
javascriptファイルは1つに統...
-
cssにjavascriptを入れる?呼び...
-
onLoadをbodyタグ以外で使用する
-
window.openでフルスクリーン表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
別ページのページ内リンクでの...
-
WEB上で編集できない、スク...
-
GoogleMapのIEでのバグ
-
HTMLで文字の影
-
テキストボックス内にハイパー...
-
onclickで別の場所にテキストを...
-
横スクロールを右から左へ・・・
-
ハイパーリンクに下線を表示す...
-
背景設定で
-
スクロールバーのスクロール量...
-
NOFRAMEタグについて
-
何がいけないのでしょうか・・・?
-
ページ自動ジャンプをリセット...
-
リンク領域の拡大
-
テーブルのスクロール
-
<iframe>で読み込むページの高...
-
外部ページからハッシュタグ(...
-
htmlにcgiを組み込んで、HPを作...
おすすめ情報