0

自動HTML生成の経験と、最大のスタイル設定を実現するためにコーダーが考慮すべきことについてお聞きしたいのですが。良いガイドラインを追加し、その理由を説明してください。

私は3つのポイントから始めます：

  1. divやtdなど、テキストコンテンツを含むものを作成します。それにスパンを入れます。

    <div><span>text content</span></div>

    それ以外の

    <div>text content</div>

    理由：テキストコンテンツに別のスタイルを適用しなければならない場合があります。周囲のdivから間接的にしかアクセスできない場合、いくつかのことが不可能です。

  2. BRをdivの後ろに置きます！

    <div id="myId">foo bar</div><br>

    それ以外の

    <div id="myId">foo bar</div>

    理由：いくつかのdivを左にフロートさせることにしたとしましょう。その後、左をクリアする必要があります。あなたは今それをすることができます

    div#myId + br {
  clear: left;
}

    また、brが必要ない場合は、次のようにすることができます。

    div#myId + br {
  display: none;
}

    brが追加されていないと、divのフローティングは非常に面倒であり、コンテンツを適切に配置することはできません。

  3. これは簡単なことですが、それでも：クラスとIDを使用して、CSSのすべてのアイテムに適切にアクセスできるようにします。

さて、それは私が見つけたものです、今度はこのガイドラインのコレクションを拡張するあなたの番です:-)

4

1 に答える 1

2

ポイント #1: DIV も SPAN もクラスまたは ID を持たない場合、スタイルを設定するのは同じように困難です。CSS のために余分なマークアップを追加することもありません。この特定の方法はお勧めしません。

ポイント2：上と同じ。HTML に余分なマークアップを入れるシステムは嫌いです。

ポイント 3: はい。私は間違いなくそれに同意します。確かに、言​​うは易く行うは難しです。

どんな「自動生成システム」を作っているのかわかりませんが、CMSだとしましょう。そのため、次のことをお勧めします。

  1. CMS は設計管理システムであってはなりません。コンテンツを管理する必要があります。

  2. CMS は実際には HTML を作成すべきではありません (段落、リスト、ブロック引用タグなどのコンテンツ自体のセマンティック マークアップを除く)。HTML は、テンプレートの管理者が作成する必要があります。ページ テンプレート、セクション テンプレート、およびコンテンツ テンプレートが必要です...すべて開発者が編集できます。

たとえば、Wordpressはこれをうまく行います。

于 2011-04-27T18:10:24.497 に答える