以下のコードでは、セクション class="body" と、ol、li のそれぞれに異なるクラスを使用しています。h2 、フッター、および div。どこにも適用しない場合、セクションで class="body" に言及することの使用は何ですか? 「本文」にcssを与えた場合、コードにどのように反映されますか?
http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
以下のコードでは、セクション class="body" と、ol、li のそれぞれに異なるクラスを使用しています。h2 、フッター、および div。どこにも適用しない場合、セクションで class="body" に言及することの使用は何ですか? 「本文」にcssを与えた場合、コードにどのように反映されますか?
http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
リンクを投稿した記事を読むと...次のことがわかるはずです...
class="body"
マークアップのレイアウトの主要なセクションにどのように属性を追加したかに気づいた方もいるでしょう。これは、私の Web サイトの本文を特定の幅 (800 ピクセル) にしたいためであり、私はそれ<div>
を行うための大きなラッピングのファンではありませんでした. そのため、マージンを使用した基本的なブロック センタリング手法を使用します。また、投稿側のコンテンツに使用される可能性があるいくつかの汎用クラスをこのセクションに追加しています。
.body {clear: both; margin: 0 auto; width: 800px;}
img.right >figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; >margin: 0 0 2em 2em;}
...引用終了...
一般的に言えば、css または JavaScript でクラス名を参照しない場合、それを html に含める目的はあまりありません。
次のような css ルールを追加すると、
.body {*css rules*}
...class="body"
それらのルールがある場所に適用されます。
それが役立つことを願っています