html文档中的javascript和css，最佳实践？

我需要为我正在开发的框架实现javascript和css资源，但我有一个很大的顾虑

如果你看看当前的网站，比如Facebook、Google、Youtube和其他顶级网站，它们的源代码显示了它们在代码中不同位置使用javascript的情况。我想到的第一个问题是。。。不应该在文档开头分配javascript源文件吗？您可以/应该能够将javascript命令封装在脚本块中，但是。。。源文件也是吗

我一直在读的书建议，作为最佳实践，我想所有源文件都应该分配到head部分，同时尽可能在关闭body部分之前，将所有代码块替换到页面的末尾

CSS也是如此。我已经看到页面，在页面的中间，你找到一个源文件包含，而正常的声明是在开始时包含所有CSS文件，因为它比在地方包含更有效，因为它们以这种方式并行加载。 在我看来，如果我要遵循我一直在读的书，javascript和css的源文件总是放在最上面，脚本块尽可能放在文档的底部，css包含要避免到位，除非你想使用scope属性或者它是html标记中的样式声明，在可能的情况下也应避免

---

是这样吗？

最佳实践规定：

CSS文件应该放在文档的顶部，尽可能靠近顶部。我通常把我的放在任何标签后面

JavaScript文件应该尽可能靠近标签的末尾，通常在标签的正前方

这是因为JavaScript文件是按顺序加载的，并且是阻塞的，因此，如果页面中包含JavaScript文件，则在加载文档主体之前，所有文件都必须全部加载，这通常会造成延迟的感觉

实际上，JavaScript文件和JavaScript脚本块之间没有什么区别。它们都使用元素，只是外部引用的文件有一个src属性。从解析器的角度来看，它们是相同的

---

从有效性的角度来看，元素可以放置在页面的或中的任何位置，有时文件应该放入，例如使用typekit之类的工具，因为这将确保及时加载字体文件，以便在加载页面后立即显示字体，防止非样式字体的FOUF闪烁最佳实践规定如下：

CSS文件应该放在文档的顶部，尽可能靠近顶部。我通常把我的放在任何标签后面

JavaScript文件应该尽可能靠近标签的末尾，通常在标签的正前方

这是因为JavaScript文件是按顺序加载的，并且是阻塞的，因此，如果页面中包含JavaScript文件，则在加载文档主体之前，所有文件都必须全部加载，这通常会造成延迟的感觉

实际上，JavaScript文件和JavaScript脚本块之间没有什么区别。它们都使用元素，只是外部引用的文件有一个src属性。从解析器的角度来看，它们是相同的

---

从有效性的角度来看，元素可以放置在页面的或中的任何位置，有时文件应该放入，例如使用typekit之类的工具，因为这将确保及时加载字体文件，以便在加载页面后立即显示字体，防止字体不规则的闪现

正是我所寻求的答案，现在我可以调整我的框架，使资产按应有的方式运行。非常感谢这正是我一直在寻找的答案，现在我可以调整我的框架，使资产按应有的方式运行。非常感谢