使用PHP重用网站中的常用元素(HTML)

时间:2016-05-22 11:14:27

标签: php html xampp

网站包含常用元素,例如标题,导航栏和页脚。我应该如何重新编写html页面,以便我的页面常见的静态HTML元素来自相同的PHP脚本?可以给我看一些例子吗?

我的html页面示例:



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="description" content="example" />
  <meta name="keywords" content="HTML5 PHP" />
  <meta name="author" content="Detonizer"  />
  <title>Home</title>
</head>

<body>
  
    <nav>
        <p class="menu"><a href="page1.html">page1</a></p> 
		<p class="menu"><a href="page2.html">page2</a></p> 
		<p class="menu"><a href="page3.html">page3</a></p> 
		<p class="menu"><a href="page4.html">page4</a></p> 
		<p class="menu"><a href="page5.html">page5</a></p>
        <p class="menu"><a href="page6.html">page6</a></p>   
	</nav>
  
  <footer class="footC" >
		<p class="e1">Example1</p>
		<p class="e2">Example2</p>
		<p class="e3">Example3</p>
  </footer>
  
</body>
</html>
  
  
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

您可以定义一个index.php文件,并包含不同的部分,如下所示:

    <!DOCTYPE html>
         <html lang="en">
             <head>
                 <meta charset="utf-8" />
                 <meta name="description" content="example" />
                 <meta name="keywords" content="HTML5 PHP" />
                 <meta name="author" content="Detonizer"  />
                 <title><?php include 'title.php'; ?></title>
             </head>

             <body>

                  <nav>
                       <p class="menu"><a href="page1.html">page1</a></p> 
                       <p class="menu"><a href="page2.html">page2</a></p> 
                       <p class="menu"><a href="page3.html">page3</a></p> 
                       <p class="menu"><a href="page4.html">page4</a></p> 
                       <p class="menu"><a href="page5.html">page5</a></p>
    <p class="menu"><a href="page6.html">page6</a></p>   
                   </nav>
                   <section id="content">
                         <?php include 'content.php'; ?>
                   </section>
                   <footer class="footC" >
                        <p class="e1">Example1</p>
                        <p class="e2">Example2</p>
                        <p class="e3">Example3</p>
                   </footer>

             </body>
          </html>

答案 1 :(得分:0)

调用此 header.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="description" content="example" />
  <meta name="keywords" content="HTML5 PHP" />
  <meta name="author" content="Detonizer"  />
  <title>Home</title>
</head>

调用此 footer.php

<footer class="footC" >
    <p class="e1">Example1</p>
    <p class="e2">Example2</p>
    <p class="e3">Example3</p>
</footer>

PHP 页面中:

<?php include_once 'header.php'; ?>
<body>
    <nav>
        <p class="menu"><a href="page1.html">page1</a></p> 
        <p class="menu"><a href="page2.html">page2</a></p> 
        <p class="menu"><a href="page3.html">page3</a></p> 
        <p class="menu"><a href="page4.html">page4</a></p> 
        <p class="menu"><a href="page5.html">page5</a></p>
        <p class="menu"><a href="page6.html">page6</a></p>   
    </nav>
<?php include_once 'footer.php'; ?>
</body>
</html>