单独的文件（HTML5，CSS和JS）

-1

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

来源

2012-08-28 kazkay

这里很难说出什么问题。看起来问题是，“我如何将我的HTML，CSS和JS分成3个独立的文件？”答案是“将它们分成3个独立的文件”。我们无法知道你被卡在哪里。 – thomasrutter

特别是你提到的Web服务器真的很混乱，因为我想不出任何其他方式来提供HTML，CSS和JS文件。 – depa

你是对的。我知道我的问题可能对Web开发人员来说看起来很愚蠢。因为这是我第一次使用标记语言和Web应用程序的经验（到目前为止我已经使用过Java和C＃），我也没有了解Web架构和Web服务。简单地说，我的意思是，如果我将HTML5，CSS3和JS分离到不同的文件中，并将它们存储在单个文件夹中，它们应该如何根据另一个文件进行引用？ – kazkay

只需在您的HTML中声明对您的CSS & 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>

来源

2012-08-28 01:58:55 blatt

我会建议寻找到像建设者

Apache Ant的
HTML5样板构建脚本
咕噜（基于node.js的）
Make或Rake文件

this允许你分开你的所有文件，然后将这些文件分开。这也可以让你组合和缩小文件。至于不同的CSS，HTML和JavaScript。这些应该全部保留在单独的文件中。但是缩小文件并将它们合并到单个文件中肯定会减少页面加载时间。

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

来源

2012-08-28 02:01:02 arhea

单独的文件（HTML5，CSS和JS）

回答

相关问题