HTML Script Type 属性的使用
Mehvish Ashiq
2023年1月30日
2022年5月10日
本教程介绍如何使用 HTML 脚本 type 属性。你也可以将其称为 JavaScript MIME（多用途 Internet 邮件扩展）type。
在此之前，有必要知道使用 type 属性的原因。它表明文档的格式和性质。
我们也可以说它代表脚本的类型，application/javascript（默认值）或 application/ecmascript。你可以检查 this 了解更多媒体类型。
我们了解脚本的 type 属性以及为什么要使用它，但是在哪里呢？当我们使用现代浏览器时，我们不需要在 <script> 标记中使用 type 属性，因为它们默认具有它。
此外，如果你使用的是 HTML5，那么你可以简单地编写 <script> ... </script>，因为它具有可选的 type 属性和默认的 text/javascript。
在另一种情况下，你必须在使用 HTML 4.01 和 XHTML 1.0 时指定 type 属性，因为两者都需要它。
如果内容不被解释为 JavaScript，例如 VBScripts，你还必须使用 type 属性。
你可以利用以下启动代码来练习每种可能的情况。
在 HTML5 中使用 HTML 脚本 type 属性
对于 HTML5，不需要在 <script> 标记中使用 type 属性。请参阅以下示例代码。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript MIME Type</title>
<script>
console.log("Hello JavaScript MIME Type");
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
</body>
</html>
在 HTML 4.01、XHTML 1.0 和 VBScript 中使用 HTML 脚本 type 属性
使用现代浏览器，你可以在编写 HTML 4.01 和 XHTML 1.0 时使用没有 type 属性的 <script> 标记。但是最好使用 type 属性，因为两者都是 require。
如果你在使用 VBScripts 时还使用了 type 属性，将会有所帮助。查看以下代码片段。
HTML 4.01 代码：
<!"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>JavaScript MIME Type</title>
<script type="text/javascript">
console.log("Hello JavaScript MIME Type");
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
</body>
</html>
XHTML 1.0 代码：
<! "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>JavaScript MIME Type</title>
<script type="text/javascript">
console.log("Hello JavaScript MIME Type");
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
</body>
</html>
带有 VBScript 的 HTML 4.01：
<! "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>A document with SCRIPT</title>
<script type="text/vbscript" src="http://someplace.com/progs/vbcalc">
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
<script type="text/javascript">
console.log("HELLO VBScript")
</script>
</body>
</html>
Author: Mehvish Ashiq
