>ok. 我想创建一个 PHP 文件。 我要制作页眉.php页脚.php。 我需要它,因为它会让我不尝试在 HTML 中一一编辑。 怎么做。? 提前感谢回答很快! :v
footer{ text-align:center; margin-top: 150px;}
ul{list-style-type: none;}
a {text-decoration: none; color: green;}
li a,li {padding: 0px 10px;}
<!---Header--->
<ul class="navbar">
<li><a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a></li>
</ul>
<!----footer--->
<footer class="w3-container w3-green">
<p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
</footer>
只需创建文件头.php并使用 get_header() 函数将其包含在索引.php中。要包含页脚.php可以使用 get_footer() 函数。
标头.php
<!---Header--->
<ul class="navbar">
<li><a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a></li>
</ul>
页脚.php
<!----footer--->
<footer class="w3-container w3-green">
<p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
</footer>
索引.php
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<?php get_header(); ?>
<main>Main content</main>
<?php get_footer(); ?>
</body>
</html>
使用php的include_once。
首先,将页眉和页脚内容放在页眉.php和页脚.php文件中。
标题.php
<ul class="navbar">
<li>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
</li>
</ul>
页脚.php
<footer class="w3-container w3-green">
<p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
</footer>
然后在你的主php文件中,假设它是index.php,你可以这样做。
<!DOCTYPE HTML>
<html>
<head>
blablabla
</head>
<body>
<!--Header-->
<?php include_once 'path-to-header.php'; ?>
Another body contents
<!--Footer-->
<?php include_once 'path-to-footer.php'; ?>
</body>
</html>
创建页眉.html和页脚.html:
标头.html:
<ul class="navbar">
<li><a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a>
<a href="#">navbar</a></li>
</ul>
页脚.html:
<footer class="w3-container w3-green">
<p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
</footer>
每当要在代码的一部分中包含这两个代码中的任何一个时,请粘贴以下内容:
对于标头:
<?php require('header.php'); ?>
对于页脚:
<?php require('footer.php'); ?>
每当您想编辑页眉/页脚的样式时,只需进入这些文件并创建您想要的样式即可。或者,您可以将 css 文件链接到这些文件。