单独的文件(HTML5、CSS 和 JS)

kas*_*kay 3 html javascript css mobile web-applications

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

bla*_*att 9

只需在 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>
Run Code Online (Sandbox Code Playgroud)