link标签和script标签的引用位置

• link标签放在head标签中

  • 用户访问网站时，代码是从上往下解析的 正常展示页面内容的样式，提高用户体验
  • 放在html结构底部时， 加载页面会出现html结构混乱的情况

• script标签放在body结束标签之前

  • js脚本在下载和执行期间会阻止html解析
  • 把script标签放在底部，保证html和css首先完成解析之后再加载js脚本
  • script标签加上defer属性时，可以放在head标签中

<script defer></script>