我在网上托管了几个网站开发项目。我决定让项目进入源代码控制很重要,所以我在本地机器上创建了文件的副本。项目在线托管的方式,网站插入css和js,不需要将它们添加到html代码中。要在我的机器上进行开发,我需要将js和css文件直接添加到html中,但我不想在将要重新联机的代码中添加任何不必要的内容。我的解决方案是一个名为main的抽象html文件。 css和js被添加到main.html文件中,原始的html文件被链接在内。就像这样......
<!-- main.html-->
<head>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<script src="jquery-3.1.0.js"></script>
<script type="text/javascript" src="script.js" ></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<link rel="stylesheet"href="bootstrap.min.css">
如果将head部分添加到原始html文件中,则此方法很有用。如果删除了head部分,则会出现不需要的css,这会突然影响原始的html文件。
<!--original.html-->
<head>
<script src="jquery-3.1.0.js"></script>
<script type="text/javascript" src="script.js" ></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body> ... </body>
工作正常,但包含我想抽象的代码。
<!--original.html-->
<body>...</body>
搞砸了不受欢迎的CSS的边距
<\ n>在main.html文件中,原始html是从git中心页面与链接的 <div w3-include-html="github.com/original.html"></div>
任何想法?