本文详细解析HTML中script标签的核心属性与行为。重点介绍type属性对脚本类型的定义，以及defer属性如何优化页面加载性能，避免阻塞渲染。同时探讨script标签在文档中的最佳放置位置，解释为何放在head中可能导致显示延迟，并提供基于现代Web标准的实践建议。
script标签的基本工作原理
在网页开发中，通过script标签引入外部JavaScript文件是常见做法，例如使用 <script type="text/javascript" src="js文件地址"></script>。当浏览器解析HTML文档并遇到script元素时，它不会将其视为普通的HTML或XHTML内容处理，而是会将控制权交给浏览器的脚本引擎，由该引擎负责执行script元素内的代码或加载外部脚本。
script标签的type与language属性
script元素的type属性用于明确指定所编写脚本的具体类型。常见的type属性值包括以下几种情况：
1. text/ecmascript：此值表明脚本应遵循ECMAScript标准进行解析，即符合ECMA-262规范定义的JavaScript语言标准。
2. text/jscript：这是微软在Internet Explorer浏览器中实现的一种ECMAScript变体所使用的类型标识，用于指定以JScript引擎解析脚本。
3. text/vbscript：该类型用于指定使用VBScript语言编写的脚本。
4. text/vbs：这也是用于指定VBScript脚本的一种类型标识。
上述第3和第4种类型（text/vbscript和text/vbs）均表示脚本将以微软的VBScript方式进行处理，这是一种与JavaScript完全不同的脚本语言，在现代Web开发中已较少使用。
在早期的script标签使用中，language属性常被用来解决浏览器兼容性问题，以指定特定的脚本语言版本。
例如：<script type="text/javascript" src="a.js" language="javascript1.2"></script>
language属性用于定义浏览器支持的具体脚本版本。只有当浏览器支持该指定版本（如javascript1.2）时，才会执行对应脚本文件（如a.js）中的代码。注意，此属性在HTML5中已被废弃，推荐仅使用type属性。
defer属性对加载性能的影响
script标签还提供了一个重要的defer属性，用于控制脚本的执行时机。
示例代码：<script type="text/javascript" src="a.js" language="javascript1.2" defer="defer"></script>
当defer属性被设置为"defer"时，它指示浏览器该脚本不会生成任何文档内容（即不会调用document.write等修改DOM的方法）。因此，浏览器可以继续并行解析页面的剩余部分，而无需等待脚本下载和执行。脚本会在文档解析完成后、DOMContentLoaded事件触发前按顺序执行，从而优化页面加载速度。
script标签的最佳放置位置
script标签在HTML文档中的放置位置对页面性能有显著影响。
浏览器从同一域名并发加载的资源数量是有限的。如果将包含JavaScript的script标签放置在head元素中，浏览器会优先下载并执行脚本，这会阻塞后续文档内容的加载和渲染。之所以将script放在head中可能导致页面显示延迟，主要是因为脚本执行过程中可能会调用document.write方法直接修改文档对象，从而中断正常的页面渲染流程。因此，现代最佳实践建议将script标签置于body底部，或使用defer/async属性。
参考：《Javascript学习指南》
以上关于script标签的全面解析旨在帮助开发者更好地理解其工作原理与优化技巧，希望能为您的Web开发工作提供参考与支持。