我正在尝试创建一个非常简单的Web应用程序,基本上是为了理解HTML5,CSS和JavaScript编码的最佳实践.
我的应用程序有3-4页,每个页面使用相同的菜单标题.因此,我希望通过将其写入单独的文件(PHP或HTML)来使其可重用.
head.PHP(它可以重复使用):
<!DOCTYPE html>
<html>
<head>
<link href="../../css/headermenu.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<ul id="menu">
<li><a href="#" class="home">Home<span></span></a></li>
</ul>
<p>
</p>
</body>
</html>
front.PHP:
<?PHP
include ("$_SERVER[DOCUMENT_ROOT]/page/common/head.PHP");
?>
<!DOCTYPE html>
<html>
<head>
<!DOCTYPE html>
<html>
<head>
<link href="../../css/headermenu.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<ul id="menu">
<li><a href="#" class="home">Home<span></span></a></li>
</ul>
<p>
</p>
</body>
</html></head>
<body>
<div>
</div>
<p>
</p>
</body>
</html>
我有以下问题:
> head.PHP有< body>和< head>标签.那么我应该在哪里编写这些PHP行来包含它? (在< head>或< body>)(我不希望在最后一页中有多个< head> s和< body> s)
>我应该遵循的其他最佳做法是什么? (欢迎参考的任何链接)
我已经读过w3schools了.
解决方法:
在我看来,阅读模板系统或了解框架/ CMS如何处理这个问题是个好主意.
按照自己的方式行事,你不能完全避免重复,例如关闭头标记< / head>在每个content.PHP中.
所以这只是一个想法:
head.PHP
<?PHP
// Some other includes / requires,
// code snippets...
?>
<!DOCTYPE html>
<html>
<head>
<!-- site-wide stylesheets -->
<!-- & js-files -->
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="my/global/scripts.js"></script>
content.PHP
<?PHP
include ($_SERVER['DOCUMENT_ROOT'] . '/page/common/head.PHP');
?>
<!-- put page specific scripts &
<!-- styles here -->
<link href="my/pages/css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="my/pages/js/scripts.js"></script>
</head>
<body>
<div id="container">
<!-- content start -->
<div id="content">
<h1>title</h1>
<p>Your content</p>
</div>
<!-- end of content div -->
<?PHP
include ($_SERVER['DOCUMENT_ROOT'] . '/page/common/foot.PHP');
foot.PHP
<div id="foot">
copyright etc
</div>
</div> <!-- end of container div -->
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。