Html 谷歌Chrome审计工具说,当CSS已经存在时,它会在文档头中添加CSS

Html 谷歌Chrome审计工具说,当CSS已经存在时,它会在文档头中添加CSS,html,css,google-chrome-devtools,Html,Css,Google Chrome Devtools,谷歌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"> <

谷歌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.

网站
等

我遗漏了什么?

您的代码看起来应该对我有效,但是,
meta
标记不应该用
/>
关闭:

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

这可能会导致
标记关闭,但这不太可能


你看过Google Chrome中的HTML了吗,看看它是如何显示的,与代码应该是什么样子相比?

也许你在使用
样式
属性?@Bazzz你是说HTML中的内联样式吗?我在html中没有任何内联样式。你能显示测试页面吗?谢谢:我没有想到在Chrome中查看html。事实上,Chrome在我放之前就放了。因为我有一个PHP include来添加标题的第二部分(这是通用的)并关闭标题,这可能就是问题所在。我头文件末尾的PHP include是一个带有不可见BOM的文件(请参阅)。切换到“无BOM”修复了该问题。