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

Posted starlog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML中的<style;标签和<script;标签的位置相关的知识,希望对你有一定的参考价值。

一、<style>标签:

 

答案:<style>标签应该放在<head>标签里面。

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

 

二、<script>标签:

 

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

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

以上是关于HTML中的<style;标签和<script;标签的位置的主要内容,如果未能解决你的问题,请参考以下文章

请问HTML标签中的<xx class>,class,有啥用啊?

HTML基础之JS

如何在 HTML 标记中排序 <script> 标签与 <style> 标签以获得最佳效果

CSS如何随机定义网页中的背景颜色

<canvas>标签怎么覆盖在网页上

任意滚动鼠标滚轮。改变一个div的style怎么写。