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


50

通常、次のようにscriptタグを使用してJavaScriptファイルを含めます。

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

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

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

回答:


48

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

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

通常、HTML5では次のようなことを行います。

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

あなたが見ることができるように、あなたはしないでください HTML5のtype属性が必要ですが、あなたは、HTMLやXHTMLの他のバージョンで行います。仕様では、コンテンツが「text / javascript」以外の場合、HTML5でtype属性を指定する必要があることを明確にしています。

覚えておくべきこと:

注意:

text/javascript次のいずれかを使用する以外の別のタイプを指定する場合:

  • 「application / ecmascript」
  • 「application / 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」
  • 「text / livescript」
  • 「text / x-ecmascript」
  • 「text / x-javascript」
  • 「text / javascript; e4x = 1」

上記のリストは、http//dev.w3.org/html5/spec-author-view/the-script-element.html#scriptingLanguagesからのものです。

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


2
そして、言語属性についてはどうでしょう。指定するか、省略してもよいですか?
クラッカー

1
言語属性はHTML5ではサポートされていませんが、代わりにtype属性とマージされています。繰り返しますが、「text / javascript」以外の場合は、このページのtype属性と次のいずれかを使用して指定します。dev.w3.org
alvincrespo

上記のコメントを反映するように回答を更新しました。
-alvincrespo

何かを設定することtext/javascript1.3は、実際の効果がありますか?
アルトゥーロトーレスサンチェス
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.