为什么要在服务器设置 mime 类型时写 <script type="text/javascript"> ？

Question

我的理解是 mime 类型是由网络服务器设置的。为什么要添加type="text/javascript 或type="text/css" 属性？这不是无用且被忽略的属性吗？

Answer 1

因为，至少在 HTML 4.01 和 XHTML 1(.1) 中，<script> 元素的 type 属性是 required。

在HTML 5 中，不再需要type。

事实上，虽然您应该在 HTML 源代码中使用 text/javascript，但许多服务器会发送带有 Content-type: application/javascript 的文件。在RFC 4329 中阅读有关这些 MIME 类型的更多信息。

请注意 RFC 4329 之间的区别，RFC 4329 将 text/javascript 标记为已过时并建议使用 application/javascript，而某些浏览器对包含 type="application/javascript" 的 <script> 元素（在 HTML 源代码中，而不是被发送的文件的 HTTP 内容类型标头）。最近，在 WHATWG 邮件列表上讨论了这种差异（HTML 5 的 type 默认为 text/javascript），请阅读主题为 Will you consider about RFC 4329? 的这些邮件

Answer 2

Douglas Crockford says:

type="text/javascript"

此属性是可选的。自从 Netscape 2，默认编程 所有浏览器中的语言都是 JavaScript。在 XHTML 中，这个属性 是必需的和不必要的。在 HTML 中， 最好把它排除在外。这 浏览器知道该怎么做。

He also says:

W3C 没有采用language 属性，而不是type 采用 MIME 类型的属性。 不幸的是，MIME 类型不是 标准化，所以有时 "text/javascript" 或 "application/ecmascript" 什么的 别的。幸运的是，所有浏览器都会 始终选择 JavaScript 作为 默认编程语言，所以它是 总是最好简单地写<script>。 它是最小的，它适用于 大多数浏览器。

仅出于娱乐目的，我尝试了以下五个脚本

  <script type="application/ecmascript">alert("1");</script>
  <script type="text/javascript">alert("2");</script>
  <script type="baloney">alert("3");</script>
  <script type="">alert("4");</script>
  <script >alert("5");</script>

在 Chrome 上，除了脚本 3 (type="baloney") 之外的所有内容都有效。 IE8 没有运行脚本 1 (type="application/ecmascript") 或脚本 3。根据我对两个浏览器的非广泛示例，看起来你可以放心地忽略 type 属性，但是如果你使用它，你最好使用合法的（取决于浏览器）值。

Answer 3

它允许浏览器在请求脚本或样式表之前确定它们是否可以处理脚本/样式语言（或者，在嵌入式脚本/样式的情况下，确定正在使用哪种语言）。

如果浏览器空间中的语言之间存在更多竞争，这将更加重要，但 VBScript 从未超越 IE，PerlScript 从未超越 IE 特定插件，而 JSSS 一开始就相当垃圾。

HTML5 草案使该属性成为可选的。

Answer 4

Boris Zbarsky (Mozilla)，他可能比其他任何人都更了解 Gecko 的内部结构，他在 http://lists.w3.org/Archives/Public/public-html/2009Apr/0195.html 上提供了下面重复的伪代码，以描述基于 Gecko 的浏览器的功能：

if (@type not set or empty) {
   if (@language not set or empty) {
     // Treat as default script language; what this is depends on the
     // content-script-type HTTP header or equivalent META tag
   } else {
     if (@language is one of "javascript", "livescript", "mocha",
                             "javascript1.0", "javascript1.1",
                             "javascript1.2", "javascript1.3",
                             "javascript1.4", "javascript1.5",
                             "javascript1.6", "javascript1.7",
                             "javascript1.8") {
       // Treat as javascript
     } else {
       // Treat as unknown script language; do not execute
     }
   }
} else {
   if (@type is one of "text/javascript", "text/ecmascript",
                       "application/javascript",
                       "application/ecmascript",
                       "application/x-javascript") {
     // Treat as javascript
   } else {
     // Treat as specified (e.g. if pyxpcom is installed and
     // python script is allowed in this context and the type
     // is one that the python runtime claims to handle, use that).
     // If we don't have a runtime for this type, do not execute.
   }
}