静态网站公用的部分模块的引用(设置)方法

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

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)。现在越来越少见了。主要因为设计网页相对比较困难,而且还增加了连接数,而且也不利于搜索引擎的对头尾的收录。

时间: 2024-07-30 22:13:49

静态网站公用的部分模块的引用(设置)方法的相关文章

虚拟机 centos7 下 设置静态ip 并支持 xshell 远程登陆的设置方法

1.设置虚拟机使用"桥接模式" 2.使用 vi /etc/sysconfig/network-scripts/ifcfg-enp0s3  打开配置文件(其中 enp0s3 是你的linux的网卡名,在shell中 使用 ip addr 命令自行查看自己的名称并将此处的改成自己的,紧跟数字的后面那个参数就是,不是 lo 那个) 修改以下参数将 BOOTPROUTE="dhcp" 改为 BOOTPROUTE="static"将 ONBOOT=&quo

在Azure Storage 托管HTTP静态网站

本文演示了在Azure Storage托管HTTP静态网站. 注意:HTTP已经不建议使用. 创建Azure StorageV2 存储账户 账户类型选择“StorageV2(通用版V2)”: 本例中,需要禁用安全传输,禁用后,可以通过HTTP而不是强制使用HTTPS即可访问: 其余值保持默认即可. 启用Storage Account静态网站功能 启用静态网站功能,并输入索引文件名称,通常来讲,我们会命名为index.html. 本案例中,我们准备了一个静态页面index.html, 该页面只有一

《Nodejs开发加密货币》之十二:静态网站开发全景扫描

前言 在前面的入门部分,介绍了Nodejs在前端开发中的应用,并通过具体项目说明了Nodejs在比特币客户端领域被广泛应用.当时为了介绍Nodejs入门技术,一切都是从头创建,没有引入前端框架.但在具体的项目实践中,前端是有框架可以选择的,效率和体验会有明显提升. 具体到前端框架,我的选择是Ember.js.Ember给开发带来一种飞一般的感觉,如果问前端框架哪家强,我会毫不犹豫的说Ember.(具体为什么,网上仍然争论不休,本文不做讨论) 本文重点介绍静态网站的类型,亿书官网的技术选型,以及在

Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站(一)--技术流ken

前言 在之前已经写了关于Git,Gitlab以及Ansible的两篇博客<Git+Gitlab+Ansible剧本实现一键部署Nginx--技术流ken>,<Git+Gitlab+Ansible剧本实现一键部署动态网站(二)--技术流ken>,以及关于jenkins的简单使用<Jenkins持续集成介绍及插件安装版本更新演示(一)--技术流ken>.相信大家也已经完全掌握了这三项工具的使用,也可以使用这几项工具可以部署静态以及动态网站了. 以前的博客可以实现一键部署网站

爬虫-怎么爬静态网站

爬静态网站主要分为两部分: 爬静态网站的文字 爬静态网站的图片 [TOC] 爬文字 思路 用requests模块得到网站的HTML 用BeautifulSoup模块得到HTML的正则文本 用find或者find_all函数从正则文本中得到自己想要的 用repalce去除不需要的字符 源代码 1234567891011121314151617181920 # 使脚本可以识别中文# 爬网站:http://www.hbrchina.org/ import requestsfrom bs4 import

静态网站及其生成、托管会成为一种流行趋势吗?

(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:这个问题是我最近工作中,一直在思考的内容,今天和大家分享和讨论一下我的看法. 定义 静态网站:整个网站只由静态的内容(HTML\CSS\JS\Images-)组成,服务端发送给客户端的都是直接的内容,而不是通过动态网页技术(不管是ASP\JSP\PHP\Django\RoR\NodeJS)在收到请求的时候由服务端进行渲染出最终HTML发送给客户端. 静态网站生成器:基于动态内容生成静态网站的技

基于Window Azure 静态网站的跨站点高可用!

?? 我们上篇文章讨论了基于PAAS的简单网页的Failover,由于相对操作比较简单,因为PAAS的接口对应给用户相对较少,因此针对无状态的配置相对简单.而针对通过虚拟机来配置我们可以实现本地高可用和跨站点高可用来结合提供更高的可用性. 而基于虚拟机方式提供的高可用,我们可以在本地建立两台虚拟机,保证我们应用访问的高可用,因为没有涉及到交互的静态页面,因此我们可以采用建立可用性群集的方式保证我们的网站在同一个数据中心的可用性.同时我们用Traffic Manager来保证我们在跨数据中心的时候

什么是静态网站?什么是动态网站? 加seo的一些小总结

新入职的公司是一家做服务器的代理商,现在主要工作是公司官网的优化制作,手机端页面的制作.在公司以后也会涉及服务器的一些操作,以后学到一点东西就在这里记下.前期的文章肯定是非常浅显的,希望一步步积累,一步步提升. 一.动态网站与静态网站 静态网站主要是一些展示页面,没有一些稍微带系统的功能,通常以html结尾,比如一些官网的一些展示,不用配置web环境就能直接在本地打开的. 动态网站则有一些带有系统处理的一些功能,开发语言比如php结合mysql数据库使用. 动态网站的开发应用能实现许多静态网站实

最全的静态网站生成器(开源项目)

将动态网页静态化,可以有效减轻服务器端的压力,并且静态网页的访问速度要快于动态网页.此外,使用静态网页还有利于搜索引擎的收录,从而提高网站的搜索排名. 下面是StaticSiteGenerators网站收集整理的开源的静态网站生成器,按照编程语言进行分类,每个分类按照Star数进行排序. (关注ITeye官微,随时随地查看最新开发资讯.技术文章.) 目 录 [ - ] JavaScript 版 Ruby 版 Java/Groovy/Scala 版 PHP 版本 Python 版 Go 语言版 P