inc文件介绍

最新推荐文章于 2024-12-23 02:20:49 发布

dxj124

最新推荐文章于 2024-12-23 02:20:49 发布

阅读量1.9w

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/dxj124/article/details/88895859

版权

HTML 专栏收录该内容

3 篇文章

订阅专栏

.inc文件常用于包含重复内容，提高代码可读性和维护性。类似C/C++的头文件，通过SSI的#Include指令在HTML中使用，如``。文件包含可以是相对路径或虚拟路径，方便在多个页面重复引用同一段HTML代码，如导航栏或底部版权信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.inc文件相关知识介绍

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

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

3.使用SSI(Server Side Include)指令中的#Include来使用他 asp包含文件的写法是这样的：
在html中，写：


file和virtual的区别在于file使用相对路径
而Virtual是你的web站点内虚拟目录的完整虚拟路径
比方：

就表示包含当前文件所在的虚拟目录路径下面的inc目录下的char.inc
写成 virtual就可能就需要这么写了

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

<div class="g-tab pr">


<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>