在HTML中创建母版(模板)页
Creating Master (Template) Pages in HTML
我一直在研究html的母版页。我遇到了一些选择;使用iFrames、jquery或php。然而,我还没有真正找到任何关于哪一个是最好的,或者如何开始的可靠信息。我的问题是:我应该用什么来创建html页面的母版页?我没有使用任何与Visual Studio相关的东西,只是使用常规的HTML、PHP、jquery、javascript之类的东西。
谢谢你的帮助。
远离iFrame并使用PHP。
首先,为您的页眉、正文内容和页脚提供单独的页面:
header.php
(包含您的文档类型、介质包含(样式表、图标等)以及<body>
标记之前和之后的所有内容。您可能希望在此文件中的所有页面上显示任何其他内容(例如,网站标题、图像等)footer.php
(包含将出现在每页上的页脚,包括结束正文和HTML标记)index.php
(包含您主页的内容)
header.php
<!doctype html>
<html>
<head>
<title>My Site</title>
</head>
<body>
index.php
在index.php
中,您可以使用PHP include将页眉和页脚包含在主页中:
<?php include('header.php'); ?>
<h1>Welcome to my Site</h1>
<?php include('footer.php'); ?>
footer.php
<p>Thanks for visiting.</p>
</body>
</html>
相关文章:
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 从Javascript和Php变量创建Html模板文档
- 用JavaScript替换Android WebView模板上的html文本
- 在哪里存储HTML模板以在Backbone.js中使用
- 在树枝模板上从数据库中解压缩HTML字符串
- 在angularjs中将html项插入到现有模板HTML中有什么奇怪的方法
- 引用Cordova/Onsen中的模板HTML元素
- 为 json 数据制作模板 html
- 无法在Angular指令的Karma测试中加载模板HTML文件
- 理解angularjs中的路由和模板html,简单的例子是可能的
- 在应用程序代码上运行Google Closure编译器后,更新AngularJS模板HTML
- Sammy.js如何禁用缓存模板html
- AngularJS如何异步遍历Angular模板(HTML+AngularJS指令)
- 模板html/javascript/css的iphone.需要在UIWebView中运行它
- 如何在angular js中把自定义指令包含到另一个自定义指令的模板(html)中
- 为什么我的ui-view不显示我的模板html文本?
- 是否有任何方式如何下载引导模板(HTML)从他们所做的,并在他们的官方网站上显示为例
- Angular JS-点击按钮,从指令加载一个模板html
- Knockout JS模板HTML不能正确渲染
- 使用text.js与require.js我如何创建一个模板html文件,但单独抓取每个脚本模板