html页面怎么引用通用的头部,html 如何引入一个公共的头部和底部

html 静态页面中引用外部页面没那么方便，主要方法有：

asp语言和PHP语言

首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置(第一个标记后面，

标记前面)增加如下代码：

如果是PHP文件，文件名改为 head.php即可

使用框架来实现

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

使用.js脚本来实现

建立一个head.js的文件，找一个html转js的网站，然后把你头部的html代码转化成js代码，并放在head.js文件里面。然后在需要调用head文件代码的地方添加

这个地方src="js/head.js"的路径是你head.js文件的路径

html转换为JS:

document.writeln(""-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");

document.writeln("");

document.writeln("

");

document.writeln("");

document.writeln("

");

document.writeln(" ");

document.writeln("");

document.writeln("

");

document.writeln("

");

document.writeln("

Mac");

document.writeln("

iPhone");

document.writeln("

");

document.writeln("

");

document.writeln(" ");

document.writeln("");

以后无论在哪个页面，想调用该头部文件，直接插入head.js文件即可

这种方式的优点是方便，便于修改。缺点是由于搜索引擎读不懂javascript文件，头部文件和尾部文件搜索引擎无法收录，而且js文件过大会加重访问者的浏览器负担，影响访问速度

Behavior的download方式

最好能有一种方法，就像asp页面包含其他页面时那样，用一小段包含语句就可以实现，不要将需要包含的内容出现在本页面内，而是分割出去到另外一个自己的页面

未完待续

html页面怎么引用通用的头部,html 如何引入一个公共的头部和底部相关推荐

路由到另外一个页面_如何在多个页面中，引入一个公共组件
应用场景在前端开发的过程中,时常有这样的一个需求,需要将某个组件,展示在不同的页面中.常见的有,头部菜单栏.底部版权,如下图中的菜单,就需要在不同页面中进行显示. 解决方法假设有这样一个需求,希望 ...
react 引用本地js_react组件中如何引入一个外部的js文件？
推荐两种引入的方法,当然也可以自己编写一个JS类(ES6语法)实现动态插入JS到页面,然后在React项目引入. 第一种:使用插件 react-load-script,如果没有安装可以使用 yarn ...
在基于nuxt的移动端页面中引用mint UI的popup组件之父子组件传值
最近在做移动端的wap页面,考虑到要做SEO,所以选定了nuxt+vue+mint ui. 有一个需求是这样的,点击头部菜单栏,出现一个气泡,点击返回首页. 由于一些页面没有统一引用mint的mt-h ...
asp.net 读取mysql_asp.net封装mysql工具类，在页面上引用读取的数据
asp.net连接SQLserver和access很方便,直接用自带的SQLdatasource控件就行了,但是连接mysql数据库就要麻烦一些. 先介绍asp.net连接mysql数据库的步骤. 1 ...
web.config中namespace的配置（针对页面中引用）
web.config中namespace的配置(针对页面中引用) 1,在页面中使用强类型时: @model GZUAboutModel @using Nop.Admin.Models//命名空间(注意 ...
解决页面中引用了谷歌字体库访问缓慢的问题
解决页面中引用了谷歌字体库访问缓慢的问题这段时间做一个项目的时候遇到了页面访问谷歌字体库加载缓慢的问题.因为引用了别人的页面模板,其中需要使用到谷歌字体也就是: <link href=&quo ...
oracle 匿名块游标,在oracle中的匿名塊中引用通用遊標
在包pkg_cost_api中定義了以下內容.在oracle中的匿名塊中引用通用遊標 TYPE t_ref_generic IS REF CURSOR; 下面是相同包裝中的程序. PROCEDURE ...
在HTML页面中引用Markdown编辑器（Editor.md）
目录 1.下载Ediotor.md 2.引入Ediotor.md 3.确定Ediotor.md在哪里显示最近写博客项目,用到了Markdown编辑器,这里介绍一款国内好用的Markdown编辑器:E ...
方法：使用Visio中的页面内引用（超链接），实现形状之间的跳转
文章目录 1.需求 2.实现方法 3.扩展 1.需求在Visio中绘制程序流程图时,有时可能由于程序过于复杂,导致一个页面都画不下整个流程.这时,一般需要进行页面内引用,如下图所示.使用页面内应用之 ...

html页面怎么引用通用的头部,html 如何引入一个公共的头部和底部

html页面怎么引用通用的头部,html 如何引入一个公共的头部和底部相关推荐

最新文章

热门文章