0

Web アプリケーションのコレクションを構築しています。これらの Web アプリはすべて同じヘッダーとフッターを持っています。(ただし、ユーザーがサインインすると内容が少し変わります)。

私が気に入らないのは、ヘッダーまたはフッター用に定義されたスタイル情報をアプリで使用/再定義する感じです。その場合、アプリでスタイル情報の名前を変更する必要があるかもしれません。

これにはいくつかの解決策があります。

  1. ヘッダーとフッターに iframe を使用します。したがって、それらが混同されることはありません。
  2. ヘッダーとフッターにインライン スタイル情報を使用します。
  3. sE69621C09 のような非常に複雑な CSS 定義名を使用します。そのため、アプリでは、スタイル情報に誤って同じ名前を使用することはありません。

iframeについてはよくわかりません。安全ではないと言う人もいます。すべての Web アプリケーションは私たちによって作成されますが、JavaScript を使用してサーバー内のいくつかの悪いことを実行できるかどうかはわかりません。

インライン スタイル情報は、すべての要求で転送されるデータの量を増やすことができます。

複雑な CSS 名は、数か月後に同じコードを見ると混乱する可能性があります。

これを解決するために、同じページに異なるコード部分を混在させながら、どのようなテクニックを使用していますか?

4

1 に答える 1

0

考えられる解決策の 1 つは、アプリからスタイル情報を完全に分離し、アプリごとに個別のスタイルシートを維持することです。

したがって、ヘッダーは一般的なスタイル識別子を使用します。

<div class="header">
    <h1 class="maintitle">...</h1>
    <p class="slogan-text">...</p>
</div>

次に、各サイトはこれらのスタイルを独自のスタイルシートで定義します。つまり、Site1 には固有のスタイルを含むファイルがありsite1-styles.css、Site2 にsite2-styles.cssは などがあります。特定のサイトに関連するスタイルシートのみを含めます。

.css同じファイル内で異なるサイトのスタイル情報を繰り返さないようにしてください。

于 2012-09-13T14:51:03.377 に答える