php – 多个和标记

我正在尝试创建一个非常简单的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");
?>

HTML标记(脏代码):

<!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>

相关文章

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
前言 之前做了微信登录,所以总结一下微信授权登录并获取用户...
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一...
之前公司需要一个内部的通讯软件,就叫我做一个。通讯软件嘛...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...