我决定在我的网站导航栏中使用Include_once，因为我经常更改文本和链接，并且逐文件进行操作很乏味。
但出于某种原因，当我使用include_one来包含导航栏时，它会使网站的某些元素显示不同，例如，页面底部的表格会被拉伸，或者框的大小是它应该的两倍。
我的include_one导航栏文件示例-
<html>
<header>
<div class="headbot">
<div class="container">
<div class="navbar navbar_ clearfix extra">
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li class="active"><a href="index.html"><strong class="text">Home</strong><span>Home</span></a></li>
<li><a href="http://google.com/"><strong class="text">News</strong><span>News</span></a>
<ul>
<li><a href="CaseStudy.html"><strong class="text">Case Studies</strong></a></li>
<li><a href="http://google.com"><strong class="text">Latest News</strong></a></li>
<li><a href="Events.html"><strong class="text">Upcoming Events</strong></a></li>
</ul>
</li>
<li><a href="ContactUs.html"><strong class="text">Contact Us</strong><span>Contact Us</span></a></li>
</ul>
</div>
</div>
</div>
</div>
并将其包含在我的index.php 顶部
<?php
include_once('includes/navbar.php');
?>
有人有什么想法吗？
我的建议是添加DOCTYPE、head和body标签（并关闭打开的标签），如下所示：
<!DOCTYPE html>
<html>
<head>
<title>My Title</title>
</head>
<body>
<header>
<div class="headbot">
<div class="container">
<div class="navbar navbar_ clearfix extra">
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li class="active">
<a href="index.html">
<strong class="text">Home</strong>
<span>Home</span>
</a>
</li>
<li>
<a href="http://google.com/">
<strong class="text">News</strong>
<span>News</span>
</a>
<ul>
<li>
<a href="CaseStudy.html">
<strong class="text">Case Studies</strong>
</a>
</li>
<li>
<a href="http://google.com">
<strong class="text">Latest News</strong>
</a>
</li>
<li>
<a href="Events.html">
<strong class="text">Upcoming Events</strong>
</a>
</li>
</ul>
</li>
<li>
<a href="ContactUs.html">
<strong class="text">Contact Us</strong>
<span>Contact Us</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
</body>
</html>
或者，如果您已经包含在带有这些标签的文件中，只需使用不带html和header标签的肉：
<div class="headbot">
<div class="container">
<div class="navbar navbar_ clearfix extra">
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li class="active">
<a href="index.html">
<strong class="text">Home</strong>
<span>Home</span>
</a>
</li>
<li>
<a href="http://google.com/">
<strong class="text">News</strong>
<span>News</span>
</a>
<ul>
<li>
<a href="CaseStudy.html">
<strong class="text">Case Studies</strong>
</a>
</li>
<li>
<a href="http://google.com">
<strong class="text">Latest News</strong>
</a>
</li>
<li>
<a href="Events.html">
<strong class="text">Upcoming Events</strong>
</a>
</li>
</ul>
</li>
<li>
<a href="ContactUs.html">
<strong class="text">Contact Us</strong>
<span>Contact Us</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
只需从文件中删除<html>和<header>标记。并保持代码清洁，如：
<div class="headbot">
<div class="container">
<div class="navbar navbar_ clearfix extra">
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li class="active"><a href="index.html"><strong class="text">Home</strong><span>Home</span></a></li>
<li><a href="http://google.com/"><strong class="text">News</strong><span>News</span></a></li>
<ul>
<li><a href="CaseStudy.html"><strong class="text">Case Studies</strong></a></li>
<li><a href="http://google.com"><strong class="text">Latest News</strong></a></li>
<li><a href="Events.html"><strong class="text">Upcoming Events</strong></a></li>
</ul>
<!-- </li> --> <!-- here you have extra </li> tag -->
<li><a href="ContactUs.html"><strong class="text">Contact Us</strong><span>Contact Us</span></a></li>
</ul>
</div>
</div>
</div>
</div>
并将文件包括为：
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<?php include_once('includes/navbar.php'); ?>
</body>
</html>