HTML 页面 - 页眉和页脚 - 冗余

  • 本文关键字:冗余 HTML 页面 html css
  • 更新时间 :
  • 英文 :


我正在创建一个有4个链接的HTML/CSS页面,

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

我想在所有关联的 HTML 页面中将其保留为标题。

此外,页面还有一个页脚,其中包含标语句子。

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

谢谢!

请参阅: http://www.w3schools.com/php/php_includes.asp有简单的PHP脚本的例子

如果你可以使用PHP(我推荐),那么你可以简单地包含你的头文件:

例如索引.php:

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

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

例如索引.html:

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

更新:

在标题中.html您可以将菜单作为 ul 列表

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

最新更新