将不需要的CSS添加到抽象的HTML文件中

时间:2016-07-31 07:30:11

标签: html css google-chrome twitter-bootstrap-3

我在网上托管了几个网站开发项目。我决定让项目进入源代码控制很重要,所以我在本地机器上创建了文件的副本。项目在线托管的方式,网站插入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>

任何想法?

0 个答案:

没有答案