「左」、「右」、「クリア」、xhtmlなどのクラス名がある場合
<a href="index.php" class="right continueLink">Continue</a>
のようなCSSで
.right {
float: right;
}
私はそれがセマンティックな名前ではないことを知っていますが、物事をより簡単にすることがあります.
とにかく、あなたの考えは何ですか?
それはあまり良い考えではないと思います。あなた (または将来のメンテナー) が Web サイトのレイアウトを変更するときは、.right
({float:left;}
明らかに悪い考えです) に変更するか、すべての HTML ファイルを調べて に変更right
する必要がありleft
ます。
特定のリンクを正しくフロートさせたいのに、他.continueLink
のリンクをフロートさせたくないのはなぜですか? その質問への回答を使用して、そのリンクのよりわかりやすいクラス名を選択してください。
css は、html ページの構造のプレゼンテーションに関するものです。
つまり、そのクラスはドキュメントの構造を表す必要があります (「記事」、「追加リンク」、「用語集」、「紹介」、「結論」など)。
Zen Gardenが明確に示しているように、任意のdivを非常に異なった、さまざまな方法。
純粋主義者はそれをするなと言い、実用主義者はそれでいいと言うでしょう。しかし、純粋主義者は次のように定義.right
しfloat: left
ますか?
混乱を避けるために、CSS 仕様の値と同じ名前を避けることをお勧めします。特に、複数の開発者が同じアプリケーションで作業している状況では。
それ以外は問題ないと思います。右または左の名前を次のように修飾します: menuleft、menuright など。
純粋主義者なので、やらないでください。前述の理由によります。
プラグマティストとして、CSS を使用しない純粋な html の変更、または html を使用しない純粋な css を含む Web サイトのリワークを見たことがないことを言いたかったのです。したがって、実際には、他の誰かがページを変更する必要がある場合、私の給料で html と css の両方を変更することになるでしょう。
上記は、たとえそれが現実であっても、周りの同僚の純粋主義者がしばしば無視する傾向があるものです. しかし、結論としては。いいえ、「right」などの className の使用は避けてください。:-)
ええ、意味的には間違っていますが、たとえば、ボディ コピーのブロック内に画像を配置する場合があり、それらに "right" クラスを与えます。
「alt」の方が適切なクラス名かもしれません。
.right およびそのような他のクラスを使用すると、確かに、ルールが付加されたタグの作成をすばやく作成できますが、float:right
この方法には利点よりも欠点の方が多いと思います。
多くの場合、単一のクラススタイルには何かが欠けています。「a」タグはブロックレベルの要素ではないため、float:right;
他のクラスルールに a が含まれている場合にのみ、あなたの例は正しくフロートします。display:block
また、フローティング要素には、幅と高さが必要になることがよくあります。これは、例のコードには、それが示すことを行うための追加のコードが必要であり、css を変更する必要がある場合は 2 か所で検索する必要があることを意味します。
私は、ページを一意の ID を持つさまざまな div タグに分割し、これらの div 内の要素をこのように継承してスタイル設定することで、html をスタイルする傾向があります。
div#sidebar { float:right; width:200px; }
div#sidebar ul { list-style-type:none; }
これにより、css ファイルを分割できるため、特定のタグをスタイルする css コードを簡単に見つけることができますが、.right や他のクラスを導入すると、ルールが css ファイルのさまざまな領域に分散し始めます。 、サイトの維持がより困難になります。
非常に一般的なクラスを持つというアイデアは、スタイルシートのいくつかのルールを変更することでサイトのレイアウト全体を変更できるようにしたいという願いから生まれたと思いますが、8 年間の Web サイト開発で30 以上、私のベルトの下にあるさまざまなサイトで、Web サイトのレイアウトを変更して HTML を再利用したことは一度もありません。
私が何度も行ったことは、デザインの小さな変更や新しいブラウザーの導入により、ページの領域に小さな調整を加えたことです。したがって、CSS をきれいなチャンクに分割して、探しているルールを簡単に見つけられるようにし、短いスタイルシートを実現するためにコードを別の場所に配置しないようにしています。
よろしくジェスパー・ハウジ