单独的文件(HTML5,CSS& JS)

时间:2012-08-28 01:37:48

标签: javascript html5 web-applications css3 mobile

我最近使用HTML5,CSS3,JavaScript和一些jQuery开发了我的第一个移动Web应用程序。在这个阶段,我想分开HTML,CSS和amp;的代码。 JS在3个不同的文件中并使用Web服务器在这些文件之间建立连接。任何解决方案?

2 个答案:

答案 0 :(得分:3)

只需声明对CSS&来自HTML中的JS。出于性能原因,最好将CSS引用放在头部,并在关闭标记之前将JS引用放在文件末尾。这样,您的页面将加载并且看起来正确,并且不会阻止下载JavaScript。 JS将是最后加载的东西。以下是HTML标记的示例:

<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyles.css" />
</head>

<body>
...

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="myscript.js"></script>

</body>
</html>

答案 1 :(得分:0)

我建议调查像

这样的建设者
  • Apache Ant
  • HTML5 Boilerplate构建脚本
  • Grunt(基于node.js)
  • 制作或耙文件

这允许您分离所有文件然后lint文件。这也允许您组合和缩小文件。至于不同的css,html和javascript。这些都应该保留在单独的文件中。但是缩小文件并将它们组合成单个文件肯定会减少页面加载时间。

好的阅读和浏览将是HTML5 Boilerplate。他们花了很多时间在性能和开发人员流程上。