将JavaScript代码保存为独立的.js文件，然后使用<script>标签的src属性将其导入到HTML中是一种常见的做法，可以提高代码的可维护性和重用性。在这种情况下，<script>标签可以放在HTML文档的<head>标签中，也可以放在<body>标签中。
通常情况下，将<script>标签放在<head>标签中是比较常见的做法。这样可以确保在页面加载时先加载JavaScript文件，然后再渲染页面内容。这样可以避免在页面加载过程中出现由于JavaScript代码未加载完成而导致的页面渲染问题。
但是，如果你的JavaScript代码不需要在页面加载之前执行，或者你希望在页面底部执行JavaScript代码以提高性能，你也可以将<script>标签放在<body>标签中。这样可以确保页面内容先加载完成，然后再执行JavaScript代码。
总结来说，<script>标签可以放在<head>标签中或<body>标签中，具体取决于你的需求和优化策略。
当将JavaScript代码放在<head>标签中加载HTML文件时，浏览器会按照从上到下的顺序解析和执行代码。在解析到JavaScript代码时，浏览器会停止解析HTML，并先执行JavaScript代码，然后再继续解析和渲染后面的HTML代码。
放在head标签中的css中那个link是分两条路同时加载，@import是加载完所有html代码再回头加载css代码
如果JavaScript代码依赖于HTML中的某些元素或DOM结构，那么必须等待这些元素和结构完全加载后才能正确执行JavaScript代码