HTML中的全局页眉和页脚

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

2014-03-18 Alex

如果你的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>

来源

2014-03-18 19:57:59 drserge

我最喜欢的方式是添加一个PHP包含任何我想要显示的HTML。然后，只需在每一页上身体后立即加

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

。我知道还有其他方法，但这是迄今为止最简单的方法。

来源

2014-03-18 19:40:35

如果我喜欢你，我必须将所有文件从.html更改为.php？ – Alex

是的，如果你想要一个纯粹的HTML解决方案[看看这个]（http://www.html5rocks.com/en/tutorials/webcomponents/imports/） –

不客气！ –

你可以试试jQuery a jax负载函数。看看w3schools快速指南。希望这有帮助

来源

2014-03-18 20:20:53 KM123

如果你想坚持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>

风格。 css

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

来源

2014-03-20 02:18:01

HTML中的全局页眉和页脚

回答

相关问题