web-dev-qa-db-ja.com

スクリプトタグを使用してJavaScriptファイルを含める最良の方法は何ですか?

通常、以下のようにスクリプトタグを使用してJavaScriptファイルを含めます。

<script type="text/javascript" src="somefile.js"></script>

言語属性を使用している人もいます。

最近では、type属性を省略している人がたくさんいます。 JavaScriptがデフォルトのスクリプト言語である場合は、type属性も省略すべきだと感じ始めました。 type属性を省略するとよいでしょうか?問題が発生しますか?

50
Cracker

これを参考にしてください(Book of Speed): http://www.bookofspeed.com/chapter3.html

基本的に最善の方法は、すべてのJavaScriptを、最小化されたall.min.jsのような名前の1つのファイルに結合することです。

通常、HTML5では次のようにします。

<script src="js/all.min.js"></script>

ご覧のとおり、 あなたDO NOTにはHTML5のtype属性が必要ですが、他のバージョンのHTMLおよびXHTMLでは必要です 。仕様では、コンテンツが「text/javascript」以外の場合、HTML5でtype属性を指定する必要があることが明記されています。

覚えておくべきこと:

注意:

text/javascript以外のタイプを指定する場合は、次のいずれかを使用します。

  • 「アプリケーション/ ecmascript」
  • 「アプリケーション/ javascript」
  • 「application/x-ecmascript」
  • 「application/x-javascript」
  • 「text/ecmascript」「text/javascript」
  • 「text/javascript1.0」
  • 「text/javascript1.1」
  • 「text/javascript1.2」
  • 「text/javascript1.3」
  • 「text/javascript1.4」
  • 「text/javascript1.5」
  • 「text/jscript」
  • 「テキスト/ livescript」
  • 「text/x-ecmascript」
  • 「text/x-javascript」
  • 「text/javascript; e4x = 1」

上記のリストは次のとおりです: http://dev.w3.org/html5/spec-author-view/the-script-element.html#scriptingLanguages

言語属性は使用せず、タイプ属性のみを使用することに注意してください。

48
alvincrespo