Jul*_*sen 1 javascript css html5 include
我需要为我正在使用的框架实现javascript和css资源,但我有一个很大的担忧.
如果您查看当前的网站,如Facebook,Google,Youtube和其他顶级网站,他们的源代码会在代码的各个位置显示他们对javascript的使用.我想到的第一个问题是......不应该在文档开头分配javascript源文件吗？您可以/应该能够将javascript命令放在脚本块中,但是......源文件也是如此？
我一直在阅读的书籍(作为最佳实践,我猜)所有源文件都应该在head部分中分配,同时在关闭body部分之前将所有代码块替换到页面的末尾(如果可能的话).
同样适用于CSS.我已经看到页面在页面中间找到源文件包含的页面,而正常的声明是在开头包含所有css文件(因为它比并行包含更有效,因为它们并行加载办法).
在我的想法中,如果我要按照我一直在阅读的书籍,源文件(包括javascript和css)总是在顶部,脚本块(如果可能的话)转到文档的底部,CSS包含是要在适当的位置避免(除非你想使用scope属性或者它是html标签内的样式声明,在可能的情况下也应该避免).
是对的吗？
因此,最佳做法是:
CSS文件应该进入<head>文档,尽可能靠近顶部.我通常在任何<meta>标签后放置我的.
JavaScript文件应尽可能接近尽头<body>,通常直接在</body>标记之前.
这是因为JavaScript文件是串行加载并且是阻塞的,因此如果JavaScript文件包含在<head>页面中,则所有文件必须在文档主体加载之前完整加载,这通常会产生延迟感.
实际上,JavaScript文件和JavaScript脚本块之间几乎没有区别.它们都使用<script>元素,只是外部引用的文件具有src属性.从解析器的角度来看,它们是相同的.
从有效性的角度来看,<script>元素可以放在页面<head>或<body>页面中的任何位置,有时候<script>文件应该进入<head>,例如在使用类似kitkit之类的东西时,这样可以确保及时加载字体文件.页面加载后立即显示的字体,防止FOUF(无格式字体闪烁)
| 归档时间： |
|
| 查看次数： |
1017 次 |
| 最近记录： |