如何在一个html文件中引用另一段html

html-css06

如何在一个html文件中引用另一段html,第1张

可以用PHP等后台程序语言include。

也可以用jQuery引入：

<div class="include" file="header.html"></div>

<div class="include" file="footer.html"></div>

<script type="text/javascript">

$(".include").each(function(){

if(!!$(this).attr("file")) {

var $includeObj = $(this)

$(this).load($(this).attr("file"), function(html){

$includeObj.after(html).remove() //加载的文件内容写入到当前标签后面并移除当前标签

})

}

})

</script>

直接在html文件写入html代码即可。 最简单的方法就是新建一个记事本，然后在记事本里面写入自己的html代码，写完之后ctrl+shift+s另存为html文件，双击打开这个文件就可以自动在浏览器运行了。 不过初学者的话建议还是使用一些像DW这样的编辑器软件来辅助自己编写html代码。 --河南新华网络运营协会为您解答！

1、新建一个header.html头部文件

2、在你说的多个html页面引入即可

示例：index.html文件引入公用头部header.html

在index.html文件开始加入：<include file="header.html" />

file内填写的是你需要引入的文件的详细地址，可以是相对地址，也可以是绝对地址！