Question

我正在创建一个包含4个链接的HTML / CSS页面，

Home.html
Details.html
ContactMe.html
AboutUs.html

我希望将其保留为所有相关HTML页面中的标题。

此页面还有一个包含标语句子的页脚。

如何避免在所有HTML页面中编码页眉和页脚。

谢谢！

Answer 1

见：http://www.w3schools.com/php/php_includes.asp 有简单的PHP脚本的例子

Answer 2

如果您可以使用PHP（我推荐），那么您只需包含头文件：

例如。的index.php：

<html> 
   <head>
   </head>
   <body>
       <header>
          <? include('header.html'); ?>
       </header>
   </body>
</html>

如果您必须严格使用HTML，那么您可以使用jQuery加载html内容

例如。的index.html：

<html> 
    <head> 
        <script src="jquery.js"></script> 
        <script> 
            $(function(){
                $("header").load("header.html");
            });
        </script>
    </head>

    <body> 
        <header></header>
    </body>
</html>

更新：

在header.html中，您可以将菜单设为ul list

<ul>
    <li><a href="Home.html">Home</a></li>
    <li><a href="Details.html">Details</a></li>
    <li><a href="ContactMe.html">Contact Me</a></li>
    <li><a href="AboutUs.html">About Us</a></li>
</ul>

HTML页面 - 标题和页脚 - 冗余

2 个答案: