![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
お世話になっています。
スタイルシートを勉強している者です。
いろいろなサイトのソースを見て疑問に思ったんですが、
下記のように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も見ています
-
「これはヤバかったな」という遅刻エピソード
寝坊だったり、不測の事態だったり、いずれにしても遅刻の思い出はいつ思い出しても冷や汗をかいてしまいますよね。特にものすごく怒られたときとか、とんでもない損害を与えてしまったときとか…。
-
tableタグとformタグの組み合わせ
HTML・CSS
-
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
-
4
<body id=~>の用途は?
HTML・CSS
-
5
liタグの中に<p>タグやら<dl>を入れるのはあり?
HTML・CSS
-
6
htmlでテーブル内にテキストボックスを作りたいのですが・・・
HTML・CSS
-
7
python エラー
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ハイパーリンクに下線を表示す...
-
bodyにidをつける理由は何ですか?
-
-css- ページオープン時やリロ...
-
テーブル内の数値を自動で計算...
-
DOCTYPE宣言をするとstyleが適...
-
Webページ作成の際に、固定ヘッ...
-
<a href="#" …>の意味を教えて...
-
出荷予定日を表示するJavaスク...
-
スマホ上で、左右スワイプで次...
-
キーを押している間の時間を計...
-
別ファイルのfunctionの読み込み方
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
jquery ui.resizable 使い方
-
html メールリンクにて自動ファ...
-
javascriptとApacheの設定
-
ホームディレクトリを示すチル...
-
xmlHttpRequest.send( EncodeHT...
-
JavaScriptのエラー ( 関数の...
-
HTMLの閉じるについて教えて下...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
ハイパーリンクに下線を表示す...
-
(Javascript)印刷するファイル...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
テキストをクリックすると答え...
-
ページによって表示位置がずれ...
-
横スクロールを右から左へ・・・
-
wordpressでアコーディオンメニ...
-
インラインフレームの縦幅を、...
-
複数のiframeの読み込みについて
-
テーブル内の数値を自動で計算...
-
別ページのページ内リンクでの...
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
<object data="">の挙動について
-
javaScript Nullまたはオブジェ...
-
スクロールバーを消したいです
-
ボタンが押されたらWebページの...
おすすめ情報