谷歌浏览器审查工具建议将CSS放在文档头中，但实际上已经放在了那里。

Question

谷歌浏览器审查工具建议将CSS放在文档头中，但实际上已经放在了那里。

3

Google Chrome审核工具指出：

将CSS放在文档头中（3）在文档正文中使用CSS会对渲染性能产生负面影响。应将链接节点bootstrap-extract.css移至文档头，将链接节点style.css移至文档头，将链接节点css移至文档头。

但是样式表已经在头部链接了。以下是代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR" xml:lang="fr-FR">
<head>
    <title>site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="/resources/css/bootstrap-extract.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
etc.

我错过了什么？

- Timothée HENRY

也许你正在使用 style 属性？ - Bazzz

@Bazzz 你是指HTML中的内联样式吗？我在HTML中没有任何内联样式。 - Timothée HENRY

你能展示一下测试页面吗？ - Shail

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- James Donnelly · Accepted Answer

你的代码看起来对我来说应该是有效的，但是 meta 标签不应该用 /> 关闭：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

这可能会导致 <head> 标签关闭，但这种情况很少见。

你是否查看了 Google Chrome 中的 HTML，以便比较它与代码应该是什么样子？