【发布时间】:2009-06-20 20:59:05
【问题描述】:
我查看了很多关于包括页眉、导航和页脚的教程,使用php“include”。但我最终分离了我的html标签。例如,my <div id="content"> 位于“header.html”中,而关闭</div> 标记位于页脚中。当我使用 jQuery 并且看起来有点乱时,这给了我一些问题。是否有更好的做法来生成外部内容? (jQuery 是解决方案吗?)
index.php
<?php include("header.html"); ?>
<?php include("navigation.html"); ?>
<div id="content">
<h2 class="clear">This is the contact page</h2>
<p>
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
</p>
</div>
<?php include("footer.html"); ?>
header.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Study at Best</title>
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.corner.js"></script>
<script type="text/javascript" src="scripts/jquery.dropshadow.js"></script>
<script type="text/javascript" src="scripts/jqueryScripts.js"></script>
<link rel="stylesheet" rev="stylesheet" href="styles/layout.css" />
<link rel="stylesheet" rev="stylesheet" href="styles/ddm.css" />
</head>
<body>
<div id="container">
<div id="header">
This is the header
</div>
footer.html
<div id="footer">
<p>BEST School © Copyright 2009</p>
</div>
</div>
</body>
</html>
【问题讨论】:
-
在我个人看来,这看起来不对。我的意思是不要对自己这样做。如果网站变得更加复杂,那将是一场噩梦。仅将页脚 div 放在与 header.html 相同的 footer.html 怎么样?其余的属于 index.php。如果 index.php 变得复杂,则将其拆分更多(javascript.html..)。