引入jQuery文件时是否必须添加type="text/javascript"属性？

关于type="text/javascript"属性的问题 #

HTML5标准中，<script>标签的type属性默认值就是text/javascript，只要你页面使用的是HTML5文档声明（当前绝大多数前端项目的默认配置），引入jQuery或者其他JavaScript文件时，完全不需要额外添加type="text/javascript"属性。添加该属性也不会导致代码运行异常，仅属于冗余代码。

你当前代码存在的其他问题 #

• 存在标签类型混用错误：<link rel="./jquery' src='./animatetext.js"/>是无效代码，link标签仅用于引入CSS等样式资源，引入JS文件必须使用script标签，且该行存在单双引号混用的语法错误，需要修正。
• 重复引入不同版本jQuery：你同时引入了CDN版jQuery 2.0.0和本地版jQuery 2.0.3，重复引入不同版本的jQuery会导致命名冲突、方法异常等问题，仅保留任意一个版本即可。
• 依赖顺序错误：如果你的animatetext.js是依赖jQuery运行的代码，必须放在jQuery引入语句的后面，否则会出现$ is not defined的报错。

修正后的参考代码 #

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style.css" />
    <!-- 仅保留一个版本jQuery，此处示例保留CDN版本，你也可以替换为本地jQuery文件 -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <!-- 依赖jQuery的业务JS放在jQuery引入之后 -->
    <script src="./animatetext.js"></script>
    <title>Animated text animation</title> 
</head>
<body>

内容的提问来源于stack exchange，提问作者Spencer Halstead