5

ページでセマンティック マークアップを使用するのはかなり得意だと思いますが、まだ次のようなクラスがいくつかあります。

/**** Aligns ****/
.right_align  { text-align: right; }
.left_align   { text-align: left; }
.center_align { text-align: center; }

技術的には、これはノーノーです。しかし、テーブルにテキストを配置したいだけの場合、セマンティック マークアップをどのように取得する必要があるのでしょうか?

4

6 に答える 6

13

なぜテキストを揃えたいのですか？

質問に対する答えは、セレクターに必要な ID またはクラスの名前です。値段だからちゃんと揃えるか？

table .price {
  text-align: right
}

なぜ特定のスタイルを適用したいのかを自問するだけで、すべてが明らかになります。

私はおそらくそれをやり過ぎましたが、私の最後の作業プロジェクトはかなり100％セマンティックでした-セマンティックではない必要なもの（たとえば、レイアウト要件のためになしではできなかったフィラーdiv）は、jQueryを使用して動的に追加しました。

于 2008-11-15T21:54:33.740 に答える
2

表のセルと配置を密接に結び付けたい場合は、属性style="text-align:right"をタグに直接割り当てることができます。とにかく抽象化のレベルに使用しない場合、クラスを介して余分なレベルの間接化を行う理由はありません。

于 2008-11-15T21:55:47.453 に答える
2

テーブルで列を右揃えにする理由を考えてみます。たとえば、列に通貨金額が含まれている場合、right_align の代わりに currency という名前のスタイルを使用します。

于 2008-11-15T21:56:31.850 に答える
1

セマンティック マークアップは立派な目標ですが、現実の世界では妥協が必要な場合があります。場合によっては、何かを行うための唯一の賢明な方法は、セマンティクスを壊してright_align.

編集: 人々はこれに関する私の主張を誤解しているようです。可能であれば、セマンティック マークアップを使用する必要があります。ただし、実際には文体上の選択に過ぎず、データを記述または分類するために使用できるデータ固有のものがない場合もあります。これは、特に動的に生成される場合、表形式データの大きなセクションで最も一般的に当てはまります。

クライアントがデータ グリッドに表示される列を動的に制御できるようにしたい場合がありました。どのタイプのデータを表示するかを事前に知る方法はありません。style動的に生成された列を中央揃えまたは右揃えにする方法が必要な場合は、属性をどこにでも貼り付けるよりも、中央揃えと右揃えのクラスを使用できるようにする方が適切です。

于 2008-11-15T21:52:33.607 に答える
0

100% セマンティック マークアップはばかげた目標です。あなたのグラフィックデザイナーは「これを正しく揃えましょう」と言うでしょう、そしてその理由は「そのように見えるから」です. 「looksgoodthatway」のクラスをdivに追加して、どうすればいいですか？ちょうどいい位置に合わせて、あなたの人生を始めましょう！:)

于 2008-11-15T21:55:57.403 に答える
-3

経験上、使いやすさの理由から、できるだけ多くの行にトークンを保持する必要があります。

私は次の表記法を使用します

マッチャー¶
マッチャー¶
{¶
··attribute:·property;¶
}¶

なぜ聞くの？これにより、衝突に関する多くの問題が解決されます。これにより、2 つの無関係な変更が 2 つの異なる場所で同時に発生する可能性があり (衝突が発生する)、衝突が発生した場合に、何が原因であるかを簡単に確認して、正しい解決策。

これは、SCM の DIFF が行指向であるためです。すべてのコンテンツが 1 つの行にある場合、1 つの完全なセットをホースで固定するか、もう 1 つのセットをホースで固定するかの 2 つの選択肢があります。

また、私が見つけた特定のスタイルを順守すれば、CSS のエラーを検出するリント チェック コードを簡単に記述できます。

たとえば、タイプミスを見つけます。

matcher 
matcher, 
{
    attribute property 
  attribute
}

この場合、空白と区切り文字の適合性を単純にチェックするコードは、コーディングの誤りも検出します!

于 2008-11-15T23:15:31.847 に答える