Heim >Web-Frontend >HTML-Tutorial >静态网站公用的部分模块的引用(设置)方法_html/css_WEB-ITnose
关于静态网站使用一个共同的头部和尾部,方便网站的维护和管理,如果你修改页面的头部内容和广告的时候,可以只修改一个页面整个网站的头部和尾部都改变了。
1:使用ssi技术页面生成shtml文件,只用在头部文件位置加入;,然后修改的时候只要修改header.html文件就可以了。使用shtml的好处是对搜索引擎比较友好,需要处理的文件在服务器端完成的,不会加 重访问者的浏览器负担。
2:使用js
建立一个head.js的文件,
找一个html转js的网站
然后把你头部的html代码转化成js代码,并放在head.js文件里面。
然后在需要调用head文件代码的地方添加
<script></script>
这个地方src="js/head.js"的路径是你head.js文件的路径。
这个样子就可以了~
这种方式的优点是方便,便于修改。缺点是由于搜索引擎读不懂javascript文件,头部文件和尾部文件搜索引擎无法收录,而且js文件过大会加重访问者的浏览器负担,影响访问速度。
3:使用iframe
以前人们常常使用静态frame框架来做首尾(一般不是iframe)。现在越来越少见了。主要因为设计网页相对比较困难,而且还增加了连接数,而且也不利于搜索引擎的对头尾的收录。