HTML如何共用头部与尾部?

很不错的文章,转了,解决我的困扰!

html语言
制作一个共用头部文件head.htm或一个共用底部文件foot.htm。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:

 
  

比如下面的代码主页面:index.html,在其中引入head.html

HTML如何共用头部与尾部?_第1张图片

 

单独存放的head.html代码如下:

HTML如何共用头部与尾部?_第2张图片

 

css样式代码如下:

*{margin:0;padding:0;} body{background:white;position:relative;height:100%;color: #777;font-size: 13px;} img{border:none;display:block;} li{list-style:none;text-decoration: none;} .miaov_head{height:36px;width:100%;margin:0 auto;background: black;margin-bottom: 0px;} .miaov_head img{width: 30px ;height: 30px;margin-top: 0;margin-left: 130px;} .miaov_head ul{float: left;width:900px;height: 36px;margin-top: 0px;color: white;position: absolute;top: 0px;margin-left: 200px;} .miaov_head ul li{float: left;padding-left: 80px;margin-left: 0px;color: white;list-style: none; } .miaov_head ul li a{color: white;font-size: 14px;text-decoration: none;} .miaov_head input{position: absolute;top: 5px;margin-left: 1000px;width: 200px;height: 22px;} .miaov_head a{line-height:36px;color:#777;} .miaov_head a:hover{color:#555;}

三、javaScript语言--推荐这种方式
     制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:

你可能感兴趣的:(html)