在<link>中有样式表<body>?

问题描述 投票:0回答:1

body
中链接 CSS 文件是个坏主意吗?

我读到如果浏览器在

head
之外找到另一个 CSS 文件,它会被迫重新开始 CSS 渲染,只是因为它可能需要将样式应用于已经渲染的元素。我也不认为 HTML 会正确验证(我需要确认这一点)。

还有其他原因吗?

html css xhtml
1个回答
5
投票

问题已经得到解答(是不是很糟糕,为什么......)但是如果你不能在标题中添加你的链接(或脚本),那么正确的方法是使用 javascript 动态插入它们。有时它也是提高代码速度的好主意。对于链接,您可以使用此功能:

function loadCss(url) {
    var link = document.createElement("link");
    link.type = "text/css";
    link.rel = "stylesheet";
    link.href = url;
    document.getElementsByTagName("head")[0].appendChild(link);
}

你应该为脚本使用像 require.js 这样的 JavaScript 文件加载器。

编辑奖励:提高页面加载速度的方法

在您的 HTML 中,您有第一个小的

© www.soinside.com 2019 - 2024. All rights reserved.