1

私が取り組んでいるフレームワークに javascript と css リソースを実装する必要がありますが、大きな懸念があります。

Facebook、Google、Youtube、その他の一流サイトなどの現在の Web サイトを見ると、それらのソース コードには、コード内のさまざまな場所で JavaScript が使用されていることが示されています。私の頭に浮かぶ最初の質問は...ドキュメントの先頭にjavascriptソースファイルを配置することは想定されていないのですか? スクリプトブロックで囲まれたjavascriptコマンドを配置できる/配置できるはずですが...ソースファイルも??

私が読んでいる本では、(ベスト プラクティスとして、おそらく) すべてのソース ファイルを head セクションに配置し、すべてのコード ブロックをページの最後に移動し、body セクションを閉じる直前に (可能な場合) 推奨しています。

同じことが CSS にも当てはまります。ページの中央にソース ファイルのインクルードがあるページを見たことがありますが、通常の宣言では、最初にすべての css ファイルをインクルードします (インプレース インクルードよりも効率的であるため、それらは並行して読み込まれます)。仕方)。

私の考えでは、私が読んでいる本に従うなら、ソースファイル (javascript と css の両方) は常にドキュメントの一番上にあり、スクリプトブロック (可能な場合) はドキュメントの一番下にあり、CSS のインクルードは次のとおりです。インプレースで回避する必要があります (scope 属性を使用する場合、またはそれが html タグ内のスタイル宣言である場合を除きます。これも可能であれば回避する必要があります)。

そうですか?

4

1 に答える 1

7

ベスト プラクティスでは、次のように規定されています。

CSS ファイルは<head>、ドキュメントのできるだけ上部に配置する必要があります。私は通常、<meta>タグの後に配置します。

JavaScript ファイルは、<body>できるだけ末尾の近くに配置する必要があります。通常は、</body>タグの直前に配置します。

これは、JavaScript ファイルが連続して読み込まれ、ブロックされているためです。JavaScript ファイルが<head>ページに含まれている場合、ドキュメントの本文を読み込む前にすべてのファイルを完全に読み込む必要があり、遅延が発生することがよくあります。

実際、JavaScript ファイルと JavaScript スクリプト ブロックの間にはほとんど違いはありません。どちらも<script>要素を使用します。外部参照ファイルにsrc属性があるだけです。パーサーの観点からは、それらは同じです。

有効性の観点から、<script>要素はページの<head>またはのどこにでも配置できます。タイプキットのようなものを使用する場合など、ファイルをに配置する必要がある場合があります。ページが読み込まれるとすぐにフォントが表示され、FOUF (スタイル設定されていないフォントのフラッシュ) が防止されます。<body><script><head>

于 2012-11-07T11:32:03.210 に答える