帮助了 AmazingCounters.com 位小伙伴

html 如何引入一个公共的头部和底部

2018-12-11

码上双十二了,看了一下以前的内容,有一定的局限性,下面补充一下,如果没用采用组件化思想来写界面,可以参考一下下面的连接地址:提供了两种比较实用的解决方案:

(各位读者,天这么冷,还给你们写文章,是不是该给我个大大的赞,表示慰问呢!)

简书连接地址:https://www.jianshu.com/p/577f75736f4f

 

 

 

2018-04-24

今天看到这篇的访问量有点偏高,有点对不住读者,不知道它是否能满足你目前的需求?

目前流行组件开发:针对这个问题,建议大家如果用了目前比较流行的:react/angular/vue/这样的技术选型,这个问题就不存在了,

    eg:目前你可以独立出一个header.component |  footer.component  |l另外加一个左侧导航栏基本就满足了

 

2016-01-08

作者案:尽己之力,用心打造一个商城!当你有十二分力气时,发现用了十分力气依旧没什么进展,请不要放弃希望;或许你想得到的东西正在十二分力气的地方等你;假若你用尽了十二分力气,还是没有得到,没什么可懊恼的呀,说明你用力的方向错了呗,(偷笑一个),是否觉得彼岸又离你近了一步?

 

我准备独立出头部和底部文件 界面用shtml

注意点:文件后缀名shtml  然后引用的文件路径有问题

参考文章地址:

做了两个公共的html页面:top.html和footer.html 一个index.html页面怎么导入这两个html呢

HTML中include file的用法

算了 我还是上点代码吧

复制代码
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<!--#include file="library/common_header.html" -->

</body>
</html>
复制代码

 2016-01-19

补充说明:

1.需要配置iis 或者

2.用webstorm 工具打开页面 不然直接用网页打开无效果!

posted on   云的旋律  阅读(27023)  评论(2编辑  收藏  举报

编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决

导航

统计

前端攻城狮分享群
点击右上角即可分享
微信分享提示