本文详细探讨了<link>标签为何应放置于<head></head>之间，以实现页面逐步呈现和提高用户体验，同时解释了<script>标签放在</body>前的原因，保证HTML优先解析，提供更好的加载体验。还分析了<script>标签在<head>与<body>中的不同影响，包括脚本执行时机、页面加载顺序和性能优化，并提供了最佳实践建议。
1、<link>标签放在<head></head>之间：
a. 规范要求；
b. 让页面逐步呈现，提高用户体验；
c. 防止呈现空白页面或没有样式的内容；
d. 如果把样式表放在文档底部，那么很多浏览器（例如Internet Explorer）不能逐步呈现页面。一些浏览器会阻止渲染，以避免在页面样式发生变化时，重新绘制页面中的元素。
2、<script>标签放在</body>之前：
a. 脚本在下载和执行期间会阻止HTML解析。把<script>标签放在底部，保证HTML首先完成解析，将页面尽早呈现给用户。
b. 如果javascript用document.write方法创建文档内容（不推荐使用document.write），并且脚本不会改变文档内容，那么可以在<script>使用defer属性（只有IE支持），放在<head>或者<body>中。意味着浏览器将推迟对脚本的解释执行，直到整个文档已经显示给用户，以便加快处理文档的速度。
3、<script>放在<head>与<body>的区别：
a. 不需要引入参数的js文件或者代码，放在两个地方都可以；
b. html的常规结构head在前，body在后，如果javascript放在head里，并且需要传参数进行一系列操作，此时body还没有解析，那么会出现函数中参数未定义（undef
最低0.47元/天 解锁文章
扫一扫
1041
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
