css - 在 head 之外链接 css 外部样式表的不良后果?

标签 css html dom hyperlink

<分区>

所以首先,我知道 <link>链接 CSS 外部样式表的标签应该在 <head> 中节,放在脑袋外面很不正统。

但是,我使用 head 和 footer include 进行模块化网页设计,并且有一些 CSS 样式表适用于某些页面而不适用于其他页面。

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

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

在我的研究中,人们通常只是坚持引用 w3schools 作为声明“在头部链接你的 CSS 样式表”,但没有详细说明原因:Do <link href=""> tags only go in the <head> tag?

“有效性”是一个答案,但这意味着什么?搜索引擎友好度?我看不出搜索引擎是否阅读我的样式表对我有任何好处...

最佳答案

引自HTML 4.01 Specification

This element defines a link. Unlike A, it may only appear in the HEAD section of a document, although it may appear any number of times.

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

<!DOCTYPE html>

HTML5 specification陈述如下。

A link element must have a rel attribute.

还有

Note

If the rel attribute is used, the element is restricted to the head element.

关于css - 在 head 之外链接 css 外部样式表的不良后果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17781459/

相关文章:

javascript - 在现有代码上实现新的图像叠加(HTML5 和 CSS 3)

javascript - 显示/隐藏具有特殊条件的行

javascript - 为什么jQuery或诸如getElementById之类的DOM方法找不到元素?

html - 导航元素之间有目的的不均匀间距

javascript - 基于 Angular Reactive Forms 验证更改输入元素 CSS

javascript - 警报框消息显示在一行中

javascript - 为什么有些网站(如 facebook)会在 iframe 中加载脚本?

javascript - 使用 document.getElementById 不起作用

javascript - 使用 document.getElementById

javascript - 为什么我的下拉 Accordion 不起作用?