Question

我有一个旧网站，其中大约70％的网页在body标签内部有css样式表。

<body>
<style>
h2 {color:red;}
</style>

<h2> Hello Ladies & Gentelmen</h2>

</body>

如您所见，CSS位于文档正文中。

我已经使用不同的网络浏览器测试了这些网页，包括（Opera，Chrome，IE等），它们工作正常，CSS没有问题。

所以现在我的问题是： -

身体是CSS的正确位置还是我总是将CSS放在我网页的头部？

Answer 1

您应该始终在网站的<head>中放置任何内联或外部的CSS。

网站正常工作的原因是因为现代浏览器意识到有时人们将css放入体内，并且他们会自动纠正错误。它是一个较旧的浏览器，你可能不会那么幸运。

Answer 2

即使大多数（如果不是全部）浏览器都允许style元素作为body的后代，它也是无效的HTML。

style元素是＆＃34;元数据内容＆＃34;：http://www.w3.org/TR/html5/document-metadata.html#the-style-element

body元素应仅包含＆＃34;流内容＆＃34;：http://www.w3.org/TR/html5/sections.html#the-body-element

Answer 3

<style>内的<body>元素是无效的HTML，虽然有些浏览器能够纠正它，因为这是一个常见的错误。它属于<head>元素，因为它是元数据。但是，我通常更喜欢使用链接样式表，因为浏览器可以缓存它们以获得更好的性能。

Answer 4

原作是好的，但是这段时间的变化，如果你把风格放在身体的中间，浏览器会让前半部分没有风格，丑陋的权利......然后必须重新粉刷所有......所以，两件事，那是缓慢的，眨眼（给慢速或错误的感觉）..因为我们把样式放在标题上。这就是原因。然后，标准采用在标题中放置样式，就像做事的方式。所以，如果你把样式放在正文中，它就是一个无效的html。

希望它有所帮助。

还有一件事，你可以拥有文件css ......并且它会被浏览器缓存。你有样式标签和内联样式......优先级是内联，然后标记文件。

Answer 5

根据我的观点，我更喜欢在<head>标签中放置css，在页面底部放置jquery。外部css最适合不同页面中的重用类。

CSS的文档正确的位置？

5 个答案: