Question

我有一个网站，我希望所有页面都有相同的页眉和页脚，全局页眉和页脚。我想为同一个驯服的所有页面编辑页脚/标题。我怎么能这样做？

Answer 1

我最喜欢的方法是在我希望HTML显示的地方添加一个php include。然后添加

<?php include '../header.php' ?>

在每页的正文后面。我知道还有其他方法，但这是迄今为止最简单的方法。

Answer 2

如果你的网站是php，你可以这样写：

的index.php

<?php 
include 'header.php';
?>
<div class="container">
    Text
</div>
<?php 
include 'footer.php';
?>

的header.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <meta name="description" content="">
    <meta name="keywords" content="keywords">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/custom.js"></script>
    <link rel="shortcut icon" href="img/favicon.ico">
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <header>

    </header>

Footer.php

    <footer>

    </footer>
 </body>
 </html>

Answer 3

你可以试试jQuery ajax加载功能。看看w3schools快速指南。希望这有帮助

Answer 4

如果您想坚持使用HTML，可以应用css样式并制作课程。

应用css：http://htmldog.com/guides/css/beginner/applyingcss/

创建css类：http://htmldog.com/guides/css/intermediate/classid/

创建空白布局
将类名应用于页眉和页脚
创建一个css文档，在其中创建具有特定属性的类。
自定义布局，完成后，创建数百个该html文件的副本，并为每个文件添加不同的内容：）

的index.html

<!DOCTYPE html>
<html>
<head>
    <title>My html page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <header class="globalHeader">
           // header contet
    </header>

    <content>
       // main content of the page
    </content>

     <footer class="globalFooter">
       // footer content
     </footer>

</body>
</html>

的style.css

.globalHeader { option: values; }
.globalFooter { option: values; }
.globalContent { option: values; }
    /* p tags, div tags and so, and so... */

HTML中的全局页眉和页脚

4 个答案: