7

所以首先,我知道<link>链接 CSS 外部样式表的标记应该在<head>部分中,并且将它放在头部之外是非常不正统的。

但是,我正在使用包含页眉和页脚的模块化网页设计,并且有一些 CSS 样式表适用于某些页面,而不适用于其他页面。

在某个页面的部分放置了一些<link>标签<body>,多亏了现代浏览器的甜蜜适应,我到目前为止除了在 IE 中没有遇到任何问题......但是,我个人目前不太关心 IE。

所以,向 HTML 纯粹主义者道歉,但我必须问:将 CSS 外部样式表链接到外部有什么负面影响<head>

在我的研究中,人们通常只是坚持将 w3schools 称为“在头部链接你的 CSS 样式表”,但没有详细说明原因:<link href=""> 标签是否只出现在 <head> 标签中?

“有效性”作为一个答案给出,但这意味着什么?搜索引擎友好性?如果搜索引擎阅读我的样式表,我看不到任何好处......

4

2 回答 2

17

引用自HTML 4.01 规范

该元素定义了一个链接。与 A 不同,它可能只出现在文档的 HEAD 部分,尽管它可能出现多次。

然而,HTML5规范 没有提到标签必须出现在 HEAD 部分。因此,如果您在正文中使用它们,请确保您使用HTML5 DOCTYPE ,例如

<!DOCTYPE html>

HTML5 规范声明如下。

链接元素必须具有 rel 属性。

并且

笔记

如果使用了 rel 属性,则该元素被限制为 head 元素。

于 2013-07-22T07:10:36.883 回答
1

<Link>元素定义当前文档和另一个资源(即样式表)之间的关系。

<head>tag 是所有头部元素的容器,如脚本、链接、标题和元标记。在浏览器中查看时,这些头部元素不会显示在文档中。

我们也可以将<link>元素放在 body 部分,但我们不能将其他 html 元素放在该<head>部分中。例如,如果<a>在该部分中包含元素,<head>则我们无法在浏览器中查看 i 因为它不是文档<body>部分的一部分。

最佳做法是将<link>元素保留在文档的顶部,即<head> 部分,以便在加载页面本身之前应用样式表中具有样式的所有元素。如果我们保留<link>在该<body>部分的底部或中间,则文档将首先显示所有内容,稍后将应用样式。

于 2013-07-22T07:01:47.610 回答