Javascript 是订购<;链接rel=";样式表“&燃气轮机;及<;脚本…>;标签重要吗?
(如果这是一个非常基本的问题,我很抱歉。我有点不懂HTML。) 在HTML5中,Javascript 是订购<;链接rel=";样式表“&燃气轮机;及<;脚本…>;标签重要吗?,javascript,css,html,Javascript,Css,Html,(如果这是一个非常基本的问题,我很抱歉。我有点不懂HTML。) 在HTML5中,元素中具有形式的元素和具有形式的元素的相对顺序在语义上或性能上(或以其他方式)是否有意义 例如,假设一个(可能是虚构的)“完全兼容HTML5的浏览器”,是否存在以下两个代码片段会产生“不同结果”(即不同的外观、明显不同的性能或不同的行为等)的情况 (表示两种情况下都正确且通用的代码。照此,这两种情况之间的唯一区别是和..元素在..元素中的顺序。)不,没有区别 P>你唯一应该考虑的是在 的底部放置你的 标签
元素中具有
形式的元素和具有
形式的元素的相对顺序在语义上或性能上(或以其他方式)是否有意义
例如,假设一个(可能是虚构的)“完全兼容HTML5的浏览器”,是否存在以下两个代码片段会产生“不同结果”(即不同的外观、明显不同的性能或不同的行为等)的情况
(
表示两种情况下都正确且通用的代码。照此,这两种情况之间的唯一区别是
和..
元素在..
元素中的顺序。)不,没有区别
<> P>你唯一应该考虑的是在<代码> <代码>的底部放置你的<代码> <代码>标签。有关此问题的更多信息,请阅读。关于性能方面。。。在页眉中包含CSS文件,在页面底部包含js文件
就顺序而言,css文件和js文件的顺序很重要。。。在css文件中,如果同一规则存在于多个文件中,则后一个文件将优先。。。在js文件中,应该首先包含依赖的文件,最好在标题中包含样式表,在底部包含脚本,因为, 用户必须等待JavaScript完成加载,标签会阻止并行下载 请查看以下链接\
对于性能,CSS首先是CSS,然后是JS…(但是JS在标记末尾产生了最佳性能,如其他一些答案中所述) 样式表应始终在文档的头部指定,以提高性能。在可能的情况下,任何必须包含在头部的外部JS文件(如写入文档的文件)都应遵循样式表,以防止下载时间延迟
引用自(文档)为了提高html页面加载的性能,建议在正文末尾使用Javascript
tag
,在标题中使用css
规则。当其他脚本
或css
在其中一个文件中引用时,需要保持优先级,该文件应位于引用它的文件之前
我们可以考虑一个简单的例子。code>jquery.js
文件始终位于其他js
文件的顶部,因为其他文件依赖于该jquery
文件
需要注意的是,脚本是经过解释的,因此排序很重要。在一般情况下,应该假定顺序是重要的。因为它可以。例如,JavaScript代码可能会尝试访问
链接
元素,而链接
元素是否出现在脚本
元素之前则很重要(在这种情况下,当脚本执行时,它存在于DOM中)。我唯一能想到的是IE的元标记
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
IE要想利用这一点,它必须是头脑中的第一项(AFAIK).我想不。。。通常,
script
标记顺序非常重要。在您的示例中,顺序并不重要。实际上,如果一个脚本依赖于另一个脚本,则必须对其进行排序。使用CSS,您必须包括媒体查询样式表和特定于浏览器的最后一个。正如前面所说,在正文末尾编写js也是必要的。。因为必须先创建DOM对象,然后才能在js中的任何位置引用或使用它。。
<!DOCTYPE html>
<html>
<head>
<!-- ... -->
<script src="foo.js"></script>
<link rel="stylesheet" type="text/css" href="foo.css"/>
<!-- ... -->
</head>
<!-- ... -->
</html>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>