通常css文件放在<head></head>
中,如果我把它放在<body></body>
中,会有什么不同呢?
发布于 2009-10-29 16:19:05
只是补充一下jdelStrother提到的关于w3规范和ARTstudio关于浏览器渲染的内容。
建议您这样做,因为当您在<body>
启动之前声明了CSS时,您的样式实际上已经加载。所以用户很快就会看到屏幕上出现了一些东西(例如背景颜色)。如果没有,在CSS到达用户之前,用户会看到一段时间的空白屏幕。
此外,如果您将样式保留在<body>
中的某个位置,则在解析声明的样式后,浏览器必须重新呈现页面(加载时为新的和旧的)。
发布于 2009-10-29 16:14:53
最新版本的HTML规范现在允许在主体元素中使用<style>
标记。https://www.w3.org/TR/html5/dom.html#flow-content还有scoped
属性,它曾经是在body
中有一个style
标签的先决条件,现在已经过时了。
这意味着,你可以在你想要的任何地方使用style
标签,唯一的影响是当浏览器点击页面树中更低的样式时,由于可能的重排/重绘而降低了页面性能。
过时的答案:
根据<body>
规范,在w3中不允许使用<style>
标记。(当然,如有必要,您可以通过<div style="color:red">
应用内联样式,但通常认为样式和内容分离不佳)
发布于 2013-09-13 04:14:18
将CSS放在body中意味着稍后会加载它。这是一些人用来让浏览器更快地开始绘制界面的技术(即,它消除了阻塞步骤)。这对于SmartPhones上的用户体验非常重要。
我尽我最大的努力在<head>
上保留一个小的css,并将其余的移到底部。例如,如果一个页面使用JQuery UI CSS,我总是把它移到<body>
的底部,就在指向JQuery javascript的链接之前。至少,所有非Jquery项都已经可以绘制了。
https://stackoverflow.com/questions/1642212
复制相似问题