HTML中的<style>标签和<script>标签的位置

一、<style>标签：

 

1.答案：<style>标签应该放在<head>标签里面。

2.原因：因为浏览器解析HTML文档是自上而下的，这样<style>标签里的样式就会作用到body里的元素上。如果<style>标签写在<body>标签下面，在这之前的元素的样式就不会生效，会导致页面结构出来了，而CSS还没开始渲染。

 

二、<script>标签：

 

1.答案：<script>标签一般放在<body>标签里面的最底部。

2.原因：如果你希望JavaScript的代码在HTML页面的内容加载完成之前就加载， 则将<script>标签放在<head>标签里；如果你希望等到页面所有内容加载完成之后，再来加载JavaScript，则将<script>标签放在<body>标签里。如果<script>标签放在<body>标签之前，会造成页面阻塞。如果<script>标签涉及DOM操作，应该放在<body>标签里面的最底部。

posted @ 2021-05-28 18:51  starlog  阅读(3707)  评论(0)  编辑  收藏  举报