inc文件介绍

.inc文件相关知识介绍

1. .inc 文件顾名思义是include file的意思。 实际上，文件的后缀对于文件包含是无所谓 你可以包含一个asp文件，也可以包含txt文。 一般我们使用inc作为后缀，是因为这样能体现该文件的作用。

2...inc文件的作用有点类似于C/C++内的.H .HPP头文件，使用inc文件可以使我们的程序，增加可读性，更易于开发和维护。

3.使用SSI(Server Side Include)指令中的#Include来使用他 asp包含文件的写法是这样的： 
在html中，写： 
<!-- #include file = "FileName" --> 
<!-- #include Virtual = "FileName" --> 
file和virtual的区别在于file使用相对路径 
而Virtual是你的web站点内虚拟目录的完整虚拟路径 
比方： 
<!-- #include file = "inc/Test.inc" --> 
就表示包含当前文件所在的虚拟目录路径下面的inc目录下的char.inc 
写成 virtual就可能就需要这么写了 
<!-- #include virtual = "/myweb/inc/Test.inc" -->
 

 

当一段html内容，需要在多个页面重复使用的时候，可以把这部分集成到一起，到其他页面多次引用就可以了

  <div class="g-tab pr">
        <!--#include virtual="/dlist/inc/navi.inc"-->
        <!--#include virtual="/dlist/inc/lib.inc"-->
       <ul>

          <li>列表内容1</li>

          <li>列表内容2</li>

          <li>列表内容3</li>

       </ul>
    </div>

通过include引入文件

navi.inc文件里面的内容是一段html代码 ，如下：

<div class="rotatebox-sbox">
	<div class="tit-box">
		<h2>被插入的内容</h2>
	</div>
	<div class="rotatebox-s" id="rotate-s">	
	   <div class="hd">
			<ul>
				<li><a href="###">1</a></li>
				<li><a href="###">2</a></li>
				<li><a href="###">3</a></li>
				<li><a href="###">4</a></li>
			</ul>
		</div>
		<div class="bd" id="good_rec_info">
			
		</div>
	</div>
</div>

 navi.inc文件里面可以支持写css，html，script引入js文件等 ，如下：

<div class="rotatebox-sbox">
	<div class="tit-box">
		<h2>被插入的内容</h2>
	</div>
		<div class="bd" id="good_rec_info">
			
		</div>
	</div>
</div>

<script src="js/a.js"></script>
<script src="js/b.js"></script>

 

 

include一个底部版权的文案的html

1.index.html中的include的写法部分（直接写在body中，不能写在script标签中）

<!-- footer S -->
<!--#include virtual="XXX/footer.html"-->
<!-- footer E -->


2.footer.html中的写法（内部可包含css，html，js的代码）


<style>

  #footWrap a { color: #9f9378; }
  #footWrap a:hover { text-decoration: underline; }

</style>

<div class="foot-wrap" id="footWrap">

  <p class="copyright_txt">COPYRIGHT &copy;  ALL RIGHTS RESERVED.</p>

</div>


<script src="XXX/foot.js"></script>