html - 在 <body> 中有样式表 <link> 吗?

标签 html css xhtml

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

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

还有其他原因吗?

最佳答案

问题已经得到解答(是不是很糟糕,为什么...)但是如果您不能在 header 中添加链接(或脚本),则正确的方法是使用 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 - 在 <body> 中有样式表 <link> 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1842308/

相关文章:

javascript - 需要帮助从表单输入分配变量

html - 如何使用 overflow-y : scroll 在固定位置 div 上定位粘性 header

html - 如何在 bootstrap 网格单元格中放置 anchor 标记(包含图像)?

php - 带导航的简单幻灯片

javascript - 预加载页面

html - h1背景的动态宽度

以毫秒为单位的 HTML5 时间元素

javascript - 向 JavaScript 日历添加功能?

html - 如何在容器中将 DIV 框彼此相邻对齐?

html - 如何在 Dart 中为网页制作预加载器