zoukankan      html  css  js  c++  java
  • 静态网站公用的部分模块的引用(设置)方法

    关于静态网站使用一个共同的头部和尾部,方便网站的维护和管理,如果你修改页面的头部内容和广告的时候,可以只修改一个页面整个网站的头部和尾部都改变了。

    1:使用ssi技术页面生成shtml文件,只用在头部文件位置加入<!--#include file="header.html" -->;,然后修改的时候只要修改header.html文件就可以了。使用shtml的好处是对搜索引擎比较友好,需要处理的文件在服务器端完成的,不会加 重访问者的浏览器负担。

    2:使用js
    建立一个head.js的文件,
    找一个html转js的网站
    然后把你头部的html代码转化成js代码,并放在head.js文件里面。
    然后在需要调用head文件代码的地方添加
    <script language="javascript" type="text/javascript" src="js/head.js"></script>
    这个地方src="js/head.js"的路径是你head.js文件的路径。
    这个样子就可以了~
    这种方式的优点是方便,便于修改。缺点是由于搜索引擎读不懂javascript文件,头部文件和尾部文件搜索引擎无法收录,而且js文件过大会加重访问者的浏览器负担,影响访问速度。

    3:使用iframe
    以前人们常常使用静态frame框架来做首尾(一般不是iframe)。现在越来越少见了。主要因为设计网页相对比较困难,而且还增加了连接数,而且也不利于搜索引擎的对头尾的收录。

    作者:小坏

    出处:http://tnnyang.cnblogs.com

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

  • 相关阅读:
    项目实战从 0 到 1 学习之Flink (24)Flink将kafka的数据存到redis中
    LeetCode107. 二叉树的层次遍历 II
    LeetCode102. 二叉树的层序遍历
    LeetCode341. 扁平化嵌套列表迭代器
    【总结】二叉树的前中后序遍历(递归和非递归)
    LeetCode145. 二叉树的后序遍历
    LeetCode94. 二叉树的中序遍历
    LeetCode144. 二叉树的前序遍历
    LeetCode71. 简化路径
    LeetCode150. 逆波兰表达式求值
  • 原文地址:https://www.cnblogs.com/tnnyang/p/4095342.html
Copyright © 2011-2022 走看看