HTML头部底部侧边栏公用如何做到?

把头部底部公共的代码写入相应的header.html footer.html公共起来, 使用时引入。不知道怎么做到。
思路1: 使用 <?php include()?> 但是我后台是.net,(这种是我最想用的方法,但是不了解.net)
思路2: iframe标签(具体不会用,我做出来跟小广告似的)

阅读 6.7k
6 个回答

谢谢大家,问题已经解决,使用了include.js. 万分感谢大家!

.net 使用 razor 可以做到相同的功能:

<!DOCTYPE html>
<html>
<head>

<title>Main Page</title>

</head>
<body>

@RenderPage("~/Shared/_Header.cshtml")

<h1>Index Page Content</h1>
<p>This is the content of the main page.</p>

@RenderPage("~/Shared/_Footer.cshtml")

</body>
</html>

  • 后台.net的话不是有母版页么,可以将公共部分写在母版页中。

  • 或者将公共部分封装成组件。例如使用 vue.js

header footer文件里没有要在后台运行的代码就用文件操作读取到一个字符串再输出到相应页面的header和footer可以把。

vue.js react.js
模块化组件

建议使用 Pug 来编写、管理你的 HTML,pug 之于 HTML, 就像 Sass 之于 CSS,gulp 或者 界面工具 Prepros 可以帮你实时编译 pug 为 html,甚至实时自动刷新浏览器。

Pug 文档(include 部分)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题