昨日、body 要素をラッパーとして使用して、div.page-margins や div.wrapper などを body 要素の直接の最初の子として使用することについて、同僚と話し合いました。
ボディをページ ラッパーとして使用し、幅、マージン、位置などのあらゆる種類のスタイルを適用するのが好きです。クイック検索で、私を確認するこれらの 2 つのブログ投稿 [ 1、2 ]を見つけました。
私の同僚は、以前にいくつかの問題 (IE7 + ページのズーム) があり、本体内で div.wrapper を使用していたため、このアイデアが好きではありません。
だから私の質問は: body 要素を通常のコンテナ要素として使用することに反対するコード固有の引数はありますか?
補遺: フロントエンド チームのベスト プラクティスを定義しているため、いくつかの習慣を取り除きたいと考えています。
他の人によって提供された背景色の推論に加えて、最近ラッパーが必要な場合に私が考えることができる唯一の他のケースは、ドキュメントの最後に「貼り付ける」ようにフッターを強制することです（ビューポートの下部ドキュメントが短い場合）。これらの場合を除けば、ラッパーが必要な理由は思いつきません。私は物心ついたときからずっとラッパーを使ってきたので、おそらくあなたの同僚も私のようなものでしょう。古くなったブラウザーでバグをレンダリングするのを避けるためにラッパーが必要だった時代からの古い習慣です。
ラッパーを使用することは、依然としてベスト プラクティスであると言えます。このようにすると、仕様要件が後で変更され、フル ウィンドウの背景色や固定フッターが必要になった場合でも、後でラッパーを追加して、スタイルを何度も移動する必要がなくなります。結局のところ、余分な 21 バイトについて話しているだけです...
<body><div id="body">...</div></body>
私は自分が管理しているすべてのサイトで個人的に使用しています。これにより、背景色を使用できるようになります。たとえば、ここでwrapperわかるように灰色です。
body でこれを行うことは可能ですが、 body タグの代わりに html タグで背景色を設定する必要があります。
ここに正しい答えも間違った答えもありません。これは個人的な好みにすぎませwrapperんが、誰かに助けを求めると、コードをより早く理解できるので、簡単だと思います。
結論は、
背景色を使用しない場合は、使用に対するコーディングの議論は絶対にないはずbodyです。
背景色を使用する場合、それに反対する小さな議論がありますが、それは本当に個人的な好みです.
お役に立てれば。