在body标签中加载外部css文件

Question

可能重复:
如果我将css文件放在<head>或<body>中有什么区别？

通常,外部css文件加载代码放在html的标题上.

<head>

...
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
...

</head>

但是,有时我应该把我的css加载代码放在body标签中,我的意思是..

<body>
...
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
...
</body>

所以我的问题是,将我的css加载代码放在body标签中是否可以？

Answer 1

不，不能将link元素放在 body 标记中。请参阅规范（链接到 HTML4.01 规范，但我相信这对于所有版本的 HTML 都是如此）：

“这个元素定义了一个链接。与不同的是A，它可能只出现在HEAD文档的某个部分中，尽管它可能出现任意多次。”

在 HTML5 中，将 `<link>` 或 `<style>` 放在 `<body>` 中是完全可以的。事实上，您甚至可以设置仅适用于文档的一部分的作用域“<style>”！ (144认同)
@Vilx-在 HTML5 中，只有使用“itemprop”属性而不是“rel”时，“link”才能在正文中使用。[规范参考](http://www.w3.org/html/wg/drafts/html/master/document-metadata.html#the-link-element) (35认同)
直接引用：`如果使用rel属性，则该元素被限制为head元素。当与 itemprop 属性一起使用时，该元素可以在 head 元素和页面正文中使用，但受到微数据模型的约束。 (13认同)
@Pacerier你可以直接在`<body>`标签中使用`<link rel="stylesheet"/>`，因为`stylesheet`类型是`body-ok`。您可以阅读https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#targetText=A%20element%20can%20occur,is%20permissed%20in%20the%20body。或 https://html.spec.whatwg.org/multipage/links.html#body-ok (13认同)
@Vilx - 好奇：你能提供一个链接到规范说可以的地方吗？ (5认同)
@Vilx-，目前 Scoped 风格几乎没有浏览器支持。希望几年后情况会有所改变！http://caniuse.com/#search=scope (2认同)
@Pacerier，检查此[线程]的答案（http://stackoverflow.com/questions/6236097/is-link-not-rel-stylesheet-allowed-to-be-used-in-body） (2认同)
@sri @Ravi Dhoriya 当前规范没有提及“itemprop”——只是 rel 中的元素必须是“body-ok”。 (2认同)