JSとCSSの導入/書き込み位置はどこに置けばいいですか?

2673 ワード

HTML 5では、CSSとJSファイルを導入する際にheadタグに入れるべきかbodyに入れるべきか.1.ヘッダーにCSSを導入し、
2,JSの配置位置a.あるjsは即時実行であり,あるjsは呼び出し実行である.(すぐに実行Webページで開くと効果が表示されますが、呼び出し実行は、一般的に他のコントロールがイベントをトリガーしたときに呼び出されます.)
       ,      head ,            (head)。
       ,     js               (body)。

b.効率を追求する場合:JSはbodyの末尾に導入することを提案する(自分で作成したか、初期化しないでロードすることを強調する);理由:scriptにページが順次ロードされるとdomツリーの解析とレンダリングが一時停止し、jsロードの実行が完了するまでページは後続のコンテンツの不完全な状態を維持します.scriptを後置すると、特にスクリプトのダウンロードや実行に時間がかかる場合に顕著になります.
PS:js      ,script          	

3,BSの標準テンプレート
	  

  
     
    
 
    
    
 
    
    
 
    
    
    
 
    Bootstrap Basic Template
    
    

    

    
    
    
  
  
 
    
    
    
  
 

PS:これにより、ユーザーがスタイルの な ロジックを に ることができ、ウェブページ の が してから になるのを つことができ、Web の に である.
4,JS   CSS        ,       (  img    js   css   )     ,         :

a. JS        DOM.    ,     document.write.     ,    JS         ,                 。
   JS              。

b. JS             。  ,     var width = $('#id').width().     ,JS       ,          JS       css(        )         。   CSS      JS        。

c.         ,    prefetch   。       ,          ,  UI update     ,         ,
     JS   CSS     (  ,     ,    )。    prefetch   ,    ,            ,
     JS   CSS           ,     。

PS:この は の を し、 を した.https://www.zhihu.com/question/20357435/answer/14878543